Image - inventwo/ioBroker.vis-inventwo GitHub Wiki

Mit dem Widget kannst du ein Bild in Abhängigkeit eines Datenpunktes anzeigen.

Allgemein

Anleitung: Über den Link kommt ihr jederzeit, aus dem VIS Editor zu dieser Anleitung Objekt ID: Pfad des Datenpunktes Wert: Wert bei dem das Widget den Zustand wahr erhält Bild falsch/wahr: Bild das beim jeweiligen Zustand angezeigt wird

CSS inventwo Widget

Ecken

Abrundungen: Rundung der jeweiligen Ecke des Widgets

Bild

Drehung: Bild drehen Spiegeln: Horizontales Spiegeln des Bildes. Blinkintervall falsch/wahr: Bild bei falsch oder wahr blinken lassen. Eingabe in Millisekunden ohne Einheit. Farbe falsch/wahr: Bild einfärben (HEX-Code notwendig!) (Da wir mit einem CSS Filter für Einfärbung arbeiten, gibt es die besten Ergebnisse, wenn das Icon in Schwarz vorliegt. Sollte dein Icon eine andere Ausgangsfarbe haben und die Einfärbung nicht passend aussehen, kannst Du einfach noch mal in das Farbfeld klicken und 'Enter' drücken ... so oft, bis die Wunschfarbe passt.) Farbe invertieren: Kehrt die Farbe des Bildes um. Wenn weiße Icons gewünscht sind und diese schwarz sind empfehlen wir diesen Haken zu setzen und keine Farbe anzugeben für besser Performance Art der Skalierung: Bild Füllen, Wiederholen/Kacheln oder ohne einfach nur normal anzeigen Kachelgröße: Wenn Art der Skalierung "Wiederholen" ist, Größe der einzelnen Bilder

Schatten außen

X Y Versatz: Der Verstaz zum Rand des Widgets in px Blur: Härte des Schattens. Je höher, desto weicher Größe: Größe des Schattens in px Farbe: Farbe des Schattens Farbe Aktiv: Farbe des Schattens bei Zustand wahr Farbe Hover: Farbe wenn Cursor über dem Widgets ist (funktioniert nicht auf mobilen Geräten)

Zum nächsten Widget: JSON Table