Skip to content
Jannis edited this page Nov 25, 2023 · 5 revisions

Image

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