Form içinde yapılması istenilen eylemler buton ile gerçekleştirilir. Xpoda içerisinde, tıklandığında aksiyon tipiyle, değişik aksiyonlar ile beraber çalışmaktadır.
|
Araç Kutusundaki Görünümü |
Free Formdaki Görünümü |
Responsive Formdaki Görünümü |
|
|
Uyumluluk
| Free Form | Responsive Form | Mobile |
Buton 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. Text(Metin): Buton içinde gösterilmek istenen değer yazılmalıdır.
Linked List: Butonu seçilen liste içerisine ekler. Text Size(Metin Boyutu): Buton içerisindeki metnin boyutu bu alandan belirlenir.
Help Text(Yardım Metni): Form aracı üzerine fare ile gelindiğinde açıklama çıkması için girilen metindir.
Icon(Simge): Eklenecek olan alana bir ikon ataması yapılır, rengi ve konumu seçilir. Picture(Resim): Butonun içerisinde istenilen resmin linki eklenebilir. Örnek link: https://cdn.iconicons.com/icons2/54/PNG/64/floppydisk__10910.png
Text Fonts(Metin Yazı Tipleri): Yazı fontunun değiştirilmesi sağlanır.
Text Type(Metin Türü): Metnin tipini; kalın, italik, altı çizgili, metnin yerini; sağa dayalı, sola dayalı veya ortalı şekilde düzenlenir.
Color(Renk): Form aracının içi ve/veya içindeki yazının rengini düzenler.
Border(Kenar): Buton alanına çerçeve eklenir. Eklenilecek çerçevenin kalınlığı sayı cinsinden yazılır. Height(Yükseklik): Form aracının yüksekliğini ve genişliğini düzenler(Genişlik alanı Responsive Form'lardan kaldırılmıştır). Tab Order No(Sekme Sıra No): Form aracının tab tuşundaki sıralamasını belirtir. 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. |
Buton aracının içerisinde kullanabilecek aksiyonlar
Form sayfasında her eklenen form elemanı için farklı aksiyonlar bulunmaktadır. Buton aracı için tanımlanmış olan aksiyonları görüntülemek için öncelikle buton aracı seçilir ardından sağ panelde yer alan aksiyonlar menüsü açılır.
Buton aracı içerisinde kullanabilecek aksiyonlar ve detayları aşağıdaki gibidir.
When Clicked(Tıklandığında): Butona tıklandığında çalışır.
Buton aracının liste içerisinde gösterimi
| Listemize buton eklemek için iki farklı yöntem bulunmaktadır. |
- Formumuzda kullandığımız butonun listede çıkmasını istiyorsak ya da listede görünmesini istediğimiz bir buton varsa öncelikle forma buton ekliyoruz. Butonumuzun özellik sekmesine geçerek "Linked List" alanına butonumuzun görünmesini istediğimiz listeyi seçelim. Bu buton seçtiğimiz listede her satırda görüntülenecektir. Aynı kullanımı Button Group elemanında da uygulayabiliriz.
- Listemizde bulunan satırlara buton eklemek için listenin aksiyonları bölümüne Add button to row aksiyonunu ekliyoruz. Operation kısmına istediğimiz aksiyonu ekleyebiliriz. Bu aksiyonla listede bulunan her satıra buton eklemektedir.
- Delete Aksiyonunu eklediğimiz örnek bir gösterim
| Konuyla ilgili örnek video : Listede Buton Kullanımı |