auto_stories Bilgi Bankası chevron_right Form chevron_right Makale

Button

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ü

mceclip0.png

mceclip1.png mceclip2.png

 

Uyumluluk

Free Form Responsive Form Mobile
icons8-check-circle-48.png icons8-check-circle-48.png icons8-check-circle-48.png

 

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.

a.png

 

Linked List: Butonu seçilen liste içerisine ekler.

Text Size(Metin Boyutu): Buton içerisindeki metnin boyutu bu alandan belirlenir.

b.png

 

Help Text(Yardım Metni): Form aracı üzerine fare ile gelindiğinde açıklama çıkması için girilen metindir. 

C.png

 

Icon(Simge): Eklenecek olan alana bir ikon ataması yapılır, rengi ve konumu seçilir. 

d.png

Picture(Resim): Butonun içerisinde istenilen resmin linki eklenebilir. 

e.png

Ö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. 

f.png

 

Text Type(Metin Türü): Metnin tipini; kalın, italik, altı çizgili, metnin yerini; sağa dayalı, sola dayalı veya ortalı şekilde düzenlenir.

g.png

 

Color(Renk): Form aracının içi ve/veya içindeki yazının rengini düzenler.

h.png

 

Border(Kenar): Buton alanına çerçeve eklenir. Eklenilecek çerçevenin kalınlığı sayı cinsinden yazılır.

j.png

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.

 

k.png

Buton aracı içerisinde kullanabilecek aksiyonlar ve detayları aşağıdaki gibidir. 

mceclip3.png

When Clicked(Tıklandığında): Butona tıklandığında çalışır.

 

 

Buton aracının liste içerisinde gösterimi

 

blobid0.png     Listemize buton eklemek için iki farklı yöntem bulunmaktadır.

 

  1. 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.





  2. 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

 

 

blobid0.png     Konuyla ilgili örnek video : Listede Buton Kullanımı