Anleitung • Konfiguration

Beim installieren einer Adapter-Instanz werden drei Datenpunkte angelegt.

Diese Datenpunkte können im VIS Editor für die Farbangaben genutzt werden. Im Fall von der Instanz '0', kann der gewünschte Datenpunkt inkl. der geschweiften Klammer eingeben werden. (Solltest Du eine andere Instanznummer gewählt haben, muss die 0 natürlich gegen Deine Nummer ausgetauscht werden.)

Beispiel für die Farben:
{vis-inventwo.0.CSS.Button}
{vis-inventwo.0.CSS.Active}
{vis-inventwo.0.CSS.Text}

Für die gestreifeten Flächen, kann folgender Code in das Farbfeld eingetragen werden:
repeating-linear-gradient(-45deg, #333333 0px, #333333 15px, #393939 15px, #393939 30px, #333333 30px)

So lassen sich die Farben in der VIS auch per Blockly/JavaScript ändern. Zum Beispiel ein zeitabhängiger Farbwechsel

Beispiel für ein Blockly:

Im Abschnitt 'CSS Font & Text' haben wir die Punkte 'color' und 'font-size' gesperrt (da diese Einstellungen über 'CSS inventwo Button' vorgenommen werden). Alle anderen Einstellungen wie die Ausrichtung oder der Stil können aber weiter hier gemacht werden.

Für die Icons haben wir einen separaten Adapter erstellt: ioBroker.vis-icontwo

/vis-icontwo/
(Die Icons lassen sich im VIS Editor ganz einfach per Checkbox von Schwarz auf Weiss umstellen)

Unsere Backgrounds findet ihr unter dem folgendem Pfad:
/vis-icontwo/Backgrounds/

Eingegeben wird der Hintergrund in folgendem Stil:

url("/vis-icontwo/Backgrounds/Seamless/41.jpg") oder url("/vis-icontwo/Backgrounds/100.jpg")

(ACHTUNG: Falscher Pfad im Screenshot! Wir haben die Icons und Backgrounds aus dem Adapter entfernt)