jarvis v2.2.0 - just another remarkable vis

[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 created this issue in ioBroker/ioBroker.vis

closed question : jquery #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

[RkcCorian]

@liv-in-sky Es geht um VIS, in JARVIS wird diese als iFrame genutzt.

Ich habe es bereits geschafft, dass Elemente Responsiv reagieren. Allerdings muss ich mehrere Elemente (Linkflächen) abhängig von einem anderen Element (Bild vom Grundriss) skallieren. Ansonsten werden die Linkflächen immer an eine falsche Stelle / Größe geschoben.

Vgl. auch meinen Post von oben und Folgende...

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

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]

@liv-in-sky
Wie @RkcCorian schon geschrieben hat.
Es geht um einen Grundrissplan von einer Etage. Auf diesem sind mehrere Elemente fest hinterlegt, so daß man auf den Elementen Schaltvorgänge auslösen kann.
Dieser Grundrissplan wird jetzt als iFrame in jarvis eingebunden. Da man jarvis nun nicht nur am PC, sondern auch auf dem Tablet usw hat, soll sich mit das iframe auch die Größe des Grundrissplans anpassen, so dass dieser immer zu 100% zu sehen ist in dem dargestellten Bereich.
So müssen entsprechend die Schaltfelder auch kleiner werden, falls der Grundrissplan kleiner wird.
Dies darf aber auch nur bis zu einer festgelegten Größe geschehen, da evtl die Schalterflächen (-elemente) sonst zu klein werden würden und man könnte dann keinen Schaltvorgang mehr auslösen.
In erster Linie ging es aber auch erstmal darum, wie kann ich die Elemente in VIS steuern bzw beeinflussen mit den Scripten in "SCRIPTE" (VIS).
Vielen Dank.