Form içinde yapılması istenilen olayı gerçekleştiren düğme gruplarıdır. Xpoda içerisinde, tıklandığında aksiyon tipiyle, değişik aksiyonlar ile beraber çalışmaktadır.
Toolbox'ta "Button Group" Simgesi
Tuvalde nasıl görünüyor
Notlar:
< + Add Button> düğmesi ile ButtonGroup'a bir düğme ekleyebilirsiniz . < - Add Seperator> butonu ile butonlar arasına çizgi olarak ayırıcı ekleyebilirsiniz . ButtonGroup içerisinde bulunan bir butonu kaldırmak isterseniz mouse ile sağ tuş yapıp buton üzerinde < Remove > seçeneğine tıklayabilirsiniz.
Özellikleri
- Metin: Forma konulan alanın metin bilgisi girilir.
- Yazı Boyutu: Form aracı içindeki bilginin boyutunu ayarlar.
- Yardım Metni: Form aracı üzerine Mouse ile gelindiğinde açıklama çıkması için girilen metindir.
- Simge: Form aracına eklenecek simge, rengi ve konumu seçilir.
- Resim: İcon alanında var olmayan bir resim linki konulur.
- Metin Yazı Tipleri: Yazı fontunun değiştirilmesini sağlar.
- Metin Türü: Metnin tipini; kalın, italik, altı çizgili, metnin yerini; sağa dayalı, sola dayalı veya ortalı şekilde düzenler.
- Renk: Form aracının içi ve/veya içindeki yazının rengini düzenler.
- 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).
- Soldan/Üstten: Form aracının soldan ve üstten uzaklığını düzenler(Bu alan Responsive Formlardan kaldırılmıştır).
- Görünür: Form aracının ekranda görünmemesini sağlar.
Aksiyonları
- Tıklandığında: Elemana tıklandığında çalışır.
Kullanılan Örnekler:
Örneğin; Düğme Ekle ile Düğme Grubuna bir düğme ekledikten sonra düğmenin metnini değiştirebilirsiniz.
< + Düğme Ekle > düğmesi ile Düğme Gruplarını ekleyebilirsiniz . < - Ayırıcı Ekle > düğmesi ile butonlar arasına çizgi olarak iki ayırıcı ekleyebilirsiniz . Bir simge seçebilirsiniz.
Buton grubunun client tarafında görünümü aşağıdaki gibidir. Buton 2 ile buton 3 arasına bir ayırıcı eklenir ve aşağıdaki gibi görünür.
Tuvalde nasıl görünüyor
Bu Düğme Grubunda beş düğme ve iki ayırıcı bulunur.
Tuvalde nasıl görünüyor
Düğme Grubu için ekranda istemci görünümü