Select Box

Select Box elementinin özelliklerine göz atın.

Dinamik bir açılır liste elementidir. Bir adres formundaki önceden tanımlanmış şehir seçim listesini örnek olarak gösterebiliriz.

Select Box Ekleme

Elements panelinden Select Box elementini ekrana sürükle bırak ile ekleyebilirsiniz. Eğer ekranda boş bir alana sürüklerseniz Row elementi ile eklenir. Bir Column içine sürüklerseniz sadece Select Box elementi eklemiş olursunuz.

Select Box, web ve mobil uygulamaları desteklemektedir.

1. Properties (Özellikler)

Select Box elementi içine metin ekleyebilirsiniz. Elemente role bağlı yetkilendirmeler verebileceğiniz gibi görünürlüğünü de göster/gizle/koşullu seçenekleriyle ayarlayabilirsiniz.

Value (Değer)

Value alanına statik bir değer ekleyebileceğiniz gibi Symbol Picker aracılığıyla bir durumu, Input element içeriğini veya bir aksiyon sonucuna ait bir değerin dinamik olarak gelmesini sağlayabilirsiniz.

Options

Açılır liste içinde gösterilecek listeye ait veri tablosunun bağlayacağınız bölümdür.

Placeholder

Son kullanıcı için yardımcı/geçici bir yer tutucu metin ekleyebilirsiniz.

Allow Clear

Seçilen değerin tek tıklama ile temizlenmesini sağlayan elementtir.

Searchable

Açılır liste içinde arama yapılabilmesini sağlayabilirsiniz.

Contains Null Item

Listenin ilk değerinin boş gelmesi sağlanabilir.

Sort By

Liste öğelerinin alfabetik olarak A-Z veya Z-A olarak sıralanmasını sağlayabilirsiniz.

Authorization (Yetkilendirme)

Select Box elementi için yetkilendirme seçeneklerini kullanabilirsiniz.

Visibility (Görünürlük)

Elemente role bağlı yetkilendirmeler verebileceğiniz gibi visibility'i (görünürlük) de always visible (göster)/ hidden (gizle) / sometimes visible (koşullu görünürlük) seçenekleriyle ayarlayabilirsiniz.

Actions (Aksiyonlar)

Select Box elementine ekleyebileceğiniz aksiyonları Add Actions ile ekleyebilirsiniz.

Validation (Doğrulama)

Selectbox elementine doğrulama kuralı ekleyebilirsiniz.

2. Styling (Stil)

Select Box elementine layout (düzen), text (metin), fill (dolgu), border (kenarlık) veya shadow (gölge) ekleyerek ek düzenlemeler yapabilirsiniz.

Layout (Düzen)

Çevresel iç boşluklar ve boyutlandırma gibi görsel düzenlemeleri yapabilirsiniz. Select Box boyutuna bağlı olarak içerisinde bulunan elementlerin hizalamasını yapabilirsiniz.

Text (Metin)

Select Box yazısı ve ikonuna ait renk ve boyut gibi özellikleri text (metin) bölümü ile ayarlayabilirsiniz.

Fill (Dolgu)

Select Box gövdesine renk veya görsel ekleyebilirsiniz.

Border (Kenarlık)

Select Box'ın dış kenarlarına çizgi ekleyebilir, radius (köşe eğimleri) verebilirsiniz.

Shadow (Gölge)

Select Box elementine gölge efekti ekleyebilirsiniz.