Pages

2. Akıllı Görsel (Smart Image)

Açıklama

Smart Image, değişkenin değerine bağlı olarak farklı resimler göstermenizi sağlar.

Koşullar JavaScript mantığı ile tanımlanır (ör. value == 1)
Her koşula uygun bir görsel atanır. Şart sağlandığında o resim gösterilir.

Birden fazla koşul tanımlanabilir – ilk eşleşen çalıştırılır.

Temel Özellikler

  • Connection String – Bir değişken veya veri kaynağına bağlantı
  • Conditions – Koşul ekleyerek farklı durumlar oluşturma
  • Script – Bağlı değeri kontrol eden JavaScript koşulu
  • Image URL – Koşul sağlandığında gösterilecek görsel

Örnek: Makine Durumu

Diyelim ki bağlantı machineStatus isimli değişkenle yapılmış.

Durum Değeri Anlamı Görsel
0 Durduruldu red_icon.svg
1 Çalışıyor green_icon.svg
2 Hata yellow_warning.svg

Aşağıdaki şekilde üç koşul tanımlanabilir:


// Koşul 1
value == 0
// Resim: red_icon.svg

// Koşul 2
value == 1
// Resim: green_icon.svg

// Koşul 3
value == 2
// Resim: yellow_warning.svg
// Koşul 1 value == 0 // Resim: red_icon.svg // Koşul 2 value == 1 // Resim: green_icon.svg // Koşul 3 value == 2 // Resim: yellow_warning.svg
2
1
0
machineStatus
value == 1