8. Kart Tasarımı — Two-Column List
Bu adımda Two-Column List widget'ın dış kart görünümü yapılandırılır.
Sihirbaz rotası: /cartography/add/carddesign
Ön Koşul
Two-Column List akışının 1, 2, 3, 4, 7. adımları tamamlanmış olmalıdır.
→ 07 — Genel Tasarım
1. General Settings
| Alan |
Açıklama |
Birim |
| Chart Name |
Kartın üst kısmındaki başlık (örn. "Vardiya Özeti") |
metin |
| Chart Refresh Interval |
Veri yeniden çekme periyodu |
saniye |
Two-Column List için Refresh Interval Önerisi
| Senaryo |
Önerilen Refresh |
| Vardiya özet bilgi (anlık) |
60 - 120 sn |
| Reçete parametreleri (sabit) |
0 |
| Sensör son okuması |
15 - 60 sn |
| Tesis bilgi kartı (statik) |
0 |
2. Card Display
| Alan |
Açıklama |
Tip |
| Card Background Color |
Arka plan rengi |
renk |
| Card Title Position |
Sol / Orta / Sağ |
enum |
| Card Title Color |
Başlık metin rengi |
renk |
| Card Title Font Size |
Başlık font boyutu |
px |
3. Info Card
## Vardiya Özeti
- Veri her 60 saniyede güncellenir
- Hedef = 1.500 adet (vardiya başı)
| Alan |
Açıklama |
| Show Info Card |
Info card görünür mü |
| Info Card Content |
Markdown editör |
| Expand Editor |
Tam ekran editör |
4. Spacing
| Alan |
Açıklama |
Birim |
| Padding |
Kart iç boşluğu |
px |
5. Border
| Alan |
Açıklama |
Birim |
| Border Color |
Kart kenarlık rengi |
renk |
| Border Radius |
Köşe yuvarlama yarıçapı |
px |
| Border Width |
Kenarlık kalınlığı |
px |
6. Shadow (varsa)
| Alan |
Açıklama |
| Shadow Blur |
Gölge yumuşaklığı |
| Shadow Offset X / Y |
Gölge yön kayması |
| Shadow Opacity |
Gölge şeffaflığı |
7. Onaylama
Sağ üstteki Next butonuna tıkladığınızda flow.hasCardDesign = true işaretlenir.
8. Sonraki Adım
→ 09 — Görüntüleme Bilgileri