Pages

2. Smart Image (Dynamisch)

Beschreibung

Mit Smart Image können Bilder abhängig vom Zustand einer Variable oder eines Skripts angezeigt werden.

Man definiert Bedingungen über einfache JavaScript-Logik (z. B. value == 1) und weist jedem Fall ein Bild zu, das angezeigt wird, wenn die Bedingung erfüllt ist.

Wenn mehrere Bedingungen definiert sind, wird nur die erste zutreffende ausgeführt.

Wichtige Eigenschaften

• Connection String – Verbindung zu einer Variable oder Datenquelle
• Conditions – Eine oder mehrere Bedingungen hinzufügen
• Script – JavaScript-Bedingung, die auf die verbundene Variable angewendet wird
• Image URL – Das Bild, das bei erfüllter Bedingung angezeigt wird

Beispiel: Maschinenstatus

Angenommen, dein Connection String ist mit der Variable machineStatus verbunden.

Du kannst drei Bedingungen wie folgt definieren:

// Bedingung 1
value == 0
// Bild: red_icon.svg

// Bedingung 2
value == 1
// Bild: green_icon.svg

// Bedingung 3
value == 2
// Bild: yellow_warning.svg