Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[RkcCorian]

@mcu Naja, dass kann ich natürlich machen. Es skaliert jedoch nicht.
Bei Grafana bspw. skaliert die Breite. Je nach Bildschirmgröße wird es immer optimal skaliert. Sieht man wunderbar, wenn man mal das Browser-Fenster kleiner macht.
Wenn ich die VIS auf einen Bildschirm anpassen, passt es halt nicht auf einem anderen. JARVIS wird auf Handy, Tablet, sowie Surface genutzt. Alle haben andere Auflösungen.
Es muss über VIS eigene Tricks oder über CSS möglich sein?!

[MCU]

@rkccorian https://github.com/Zefau/ioBroker.jarvis/issues/1110

[stephan1827]

Wie kann man bei den Widgets die Titelgröße über den Style ändern. Gibt es eigentlich irgendwo eine List oder Beschreibung welche Styles man wie man ändern kann. Ich habe im Wiki dazu nichts gefunden.

[Diginix]

@stephan1827 Nur das Icon links neben dem Widgettitel lässt sich mit dem Stil JSON beeinflussen. Die h2 ist in einem anderen Tag. Lässt sich aber über das globale CSS beeinflussen:

Damit aber eben nur alle Titel aller Widgets. Bei mir mit v2 haben alle h2 den gleichen Selektor. Ich kann also keinen einzelnen Wigettitel gezielt ansprechen.

[lustig29]

@mcu said in jarvis v2.2.0 - just another remarkable vis:

0168000003e8

Ok, test hat schon mal funktioniert.

016403e803e8 Rot
001303e803e8 Orange
002b03e803e8 Gelb
004e03e803e8 Grün
00db03e803e8 Blau
010803e803e8 Lila
012903e803e8 Rosa

[stephan1827]

@diginix Danke für den Hinweis, ich hätte noch sagen sollen das ich schon bei V3 bin. Da soll ja einiges mehr gehen.

[MCU]

@lustig29
Versuch mal das Programm: https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/beispiele/programm-hue-greater-than-rgbcct
Du musst den colourDP anpassen und in jarvis den hueDP für den HUE-Slider nutzen.

[MCU]

@stephan1827
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/.q-item__section--main#widget-titel-groesse

.q-item__section--main .q-item__label.text-h6

[stephan1827]

@mcu sagte in jarvis v2.2.0 - just another remarkable vis:

@stephan1827
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/.q-item__section--main#widget-titel-groesse

.q-item__section--main .q-item__label.text-h6

So hats geklappt

.q-item__section--main .q-item__label.text-h6 {
	font-size: medium;
}

Nun muss ich nur noch das Icon kleiner bekommen :-/

[MCU]

@stephan1827 https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/.q-item__section--main#widget-icons

[stephan1827]

@mcu sagte in jarvis v2.2.0 - just another remarkable vis:

@stephan1827 https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/.q-item__section--main#widget-icons

Sorry aber ich seh es nicht, alles was dort steht betrifft doch nur den Text oder bin ich blind?

[MCU]

@stephan1827 Manchmal muss man F5 Refresh machen. Die stellen gerade das System um. Wenn das nicht geht. Dann kopieren ich es später hier hin. Bin gerade unterwegs.
Kann auch sein das einige Element bei denen als Bilder gehandelt werden. Als muss man den Zugriff auf die Bilder ermöglichen und nicht sperren.

.jarvis-widget-icon {	
  height: 20px;	
  width: 20px;
}
.jarvis-widget-icon svg {
	height: 20px;	
        width: 20px;
}

Hätte so aussehen sollen:

[stephan1827]

@mcu sagte in jarvis v2.2.0 - just another remarkable vis:

.jarvis-widget-icon { height: 20px; width: 20px; } .jarvis-widget-icon svg { height: 20px; width: 20px; }

Besten Dank, das funktioniert

[RkcCorian]

Update bzgl. Responsiver VIS zur schnellen Navigation in JARVIS...

Ich habe es geschafft, den Hintergrund Responsiv zu berechnen. Darüber habe ich ein Link-Objekt gelegt, mit welchem ich direkt auf einen bestimmten Tab in JARVIS springen kann. Soweit so gut. Allerdings...

In der VIS (falls jemand einen besseren Ort für meine Frage kennt gerne um Rückmeldung):
Den Wohnzimmerbereich muss ich in Größe und Position in Abhängigkeit des Grundrisses anpassen. Das kriege ich bislang nicht hin. Würde CSS oder Skripte in VIS probieren. Allerdings komme ich mit CSS nicht auf die Eigenschaften des Grundriss und meine Versuche mit den Skripten werden nicht ausgeführt.

Kann mir jemand helfen?! Vielen Dank im Voraus!!!

Meine bescheidenen Versuche...

[MCU]

@rkccorian Wäre die ID für 'wohnzimmer' nicht 'w00002' ?

document.getElementByID('w00002').style.backgroundColor ='red';

[MCU]

@lustig29 Hast du es mal versucht?

[RkcCorian]

@mcu bzw. w00001. Hab ich auch probiert, jedoch auch kein Effekt 😥

[RkcCorian]

@mcu Vermutlich würden die Skripte die Möglichkeit der Skalierung und Positionierung bieten, allerdings hat das was ich da eintrage bislang keinen Effekt. Keine Ahnung wie die ausgeführt werden

[MCU]

@liv-in-sky Kannst du bitte mal ein funktionierendes Beispiel für die Benutzung der Scripte in VIS ins Forum stellen? Also mit einem Widget (image) und wie man dieses Widget (w00001) dann beeinflussen kann, bzw. wie man darauf reagieren kann, falls die Bildschirmgröße sich ändert? Ich suche sowas gerade für eine responsiv VIS. Vielen Dank. Wenn möglich bitte im jarvis-Thread.
Habe zufällig den issue mitbekommen: https://github.com/ioBroker/ioBroker.vis/issues/415

[liv-in-sky]

@mcu

ich kenne jarvis nicht, daher weiß ich nicht, ob du darin jquery nutzen kannst

hast du an sowas gedacht - beim ändern des browserfensters ändern sich auch die widgets in der vis