Form içerisinde tanımlanmış olan seçeneklerin seçimini görsel olarak sunan form elemanıdır. Bu form elemanında seçenek sınırlaması yoktur. İki değer üzerinden çalışılıyormuş görüntüsü verilse de Values alanına yazılan değerler Client ekranında seçenek olarak görüntülenecektir. Gelen seçeneklerden yalnızca bir tanesinin seçimine izin verilir. Birden fazla seçim yapılması gereken durumlarda Selection Box Multi form elemanı kullanılmalıdır.
Araç Kutusundaki Görünümü |
Free Formda Görünümü |
Responsive Formda Görünümü |
Uyumluluk
Free Form | Responsive Form | Mobile |
Selection Box aracının özellikleri |
Type(Alan Türü): Eklenilen form aracının alan türünü gösterir. Burada yer alan değer değiştirilemez. Name (Alan İsmi): Veri tabanında oluşacak olan alanın ismi yazılır.
Field Style(Alan Stili): Alan içerisine gelecek olan değerlerin nereden bilgi çekeceği(sabit değer, sql query veya Xpoda Addon) seçimi yapılır.
Default Value(Varsayılan Değer):Bu alana yazılan değer, client ekranındaki alanın içerisine varsayılan olarak gelir.
Table Length(Tablo Uzunluk):Veri tabanında oluşacak olan alanın uzunluğu girilir. Bu alanda sonradan yapılan olan değişiklikler veri tabanını etkilemez.
Help Text(Yardım Metni):Form aracı üzerine Fare ile gelindiğinde açıklama çıkması için girilen metindir.
Color(Renk):Form aracının içi ve/veya içindeki yazının rengini düzenler.
Height/Width(Yükseklik/Genişlik):Form aracının yüksekliğini ve genişliğini düzenler(Genişlik alanı Responsive Formlardan kaldırılmıştır).
Format (Format): Veri seçimi yapıldıktan sonra seçilen değerin veri tabanında kaydedilecek formatı(int, decimal, varchar..) seçilir.
Fit Horizontal (Yatay Sığdır): Kullanıcının ekranında form aracını yatay olarak tam ekrana sığdırır. Pin Right (Sağa Sabitle): Form aracını sağa sabitler. Display (Görünür): Form aracının Client ekranında görünmemesini sağlar. Form Only(Sadece Formda): Form aracına girilen bilgileri sql'e kaydetmeyerek, sadece formda oluşmasını sağlar. Burada sonradan yapılan değişiklikler veri tabanını etkilemez. |
Selection Box aracının içerisinde kullanabilecek aksiyonlar
Form sayfasında her eklenen form elemanı için farklı aksiyonlar bulunmaktadır. Selection Box aracı için tanımlanmış olan aksiyonları görüntülemek için öncelikle Selection Box aracı seçilir ardından sağ panelde yer alan aksiyonlar menüsü açılır.
Selection Box aracı içerisinde kullanabilecek aksiyonlar ve detayları aşağıdaki gibidir.
On Value Change(Değer Değiştiğinde): Selection Box alanının içindeki değer değiştiğinde çalışır.
Örnek Kullanımı 1:
Form sayfası içerisinde ay bilgileri selection box kullanılarak gösterilmek istenir. Ay değerleri dinamik olamayacağından sabit değer ile form elemanına gönderilmelidir.
Form sayfası içerisine Selection Box elemanı eklenir. Field Style alanından Constant Value türü seçilir seçim sonrasında özellikler panelinde yer alan Values alanına ay bilgileri enter tuşu kullanılarak eklenir.
Form elemanı, özellik panelinin görseli ve client görüntüsü aşağıdaki gibidir.
Örnek Kullanımı 2:
Bir form sayfası içerisinde ürün seçimi yapılmak istenmektedir. Seçenekler PRODUCTS tablosundan gelmekte olup bu alan dinamik yönetilmektedir. Seçim yapılacak ürünler için Selection Box form elemanı kullanılacak, dinamik değerlerle çalışılacağından SQL sorgusu kullanılacaktır.
Form sayfası içerisine Selection Box elemanı eklenir. Field Style alanından SQL Ouery seçilir, seçim sonrasında özellikler panelinde yer alan SQL Query alanına uygun sorgu yazılır.
Form elemanı, özellik panelinin görseli ve client görüntüsü aşağıdaki gibidir.