NodeRED: Darstellung des Fensterstatus

Für die Darstellung des Fensterstatus kannst Du einen Switch-Node nutzen und musst so nicht mit HTML und CSS hantieren.
Das Ergebnis sieht dann so aus:

Darstellung des Fensterstatus in der WebUI
Darstellung des Fensterstatus in der WebUI

Gesamtzeit: 5 Minuten

Lege den Switch-Node an

Ziehe einen Switch-Node auf Dein Arbeitsblatt. Zum Testen kannst Du Dir noch zwei Inject-Nodes dazu legen.

Konfiguriere den Switch-Node

Die Konfiguration umfasst lediglich die Auswahl des Icons und der Farbe in HTML-Notation.
In der Beschreibung zum Switch-Node findest Du, welche Icons unterstützt werden. Bei mir sind es die Angular Material Icons und die Font Awesome Icons in der Version 4.7.
Ich verwende noch zusätzlich die Angabe fa-2x, damit die Icons größer erscheinen.

War der Artikel hilfreich für Dich? Deine Bewertung hilft Anderen, ihn zu finden.

Sag mir deine Meinung! (Kommentar-Regeln)

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.