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 [code_block_1] verbunden.

Statuswert Bedeutung Angezeigtes Bild
[code_block_2] Gestoppt red_icon.svg
[code_block_3] Läuft green_icon.svg
[code_block_4] Fehler yellow_warning.svg

Du kannst drei Bedingungen wie folgt definieren:

[code_block_5]
value == 1