Form içinde yapılması istenilen olayları gerçekleştiren buton gruplarıdır. Platform içerisinde, tıklandığında aksiyonuyla, değişik aksiyonlar ile beraber çalışmaktadır. Açılır kutu gibi bir buton görüntüsünde gelmektedir. Kullanıcı kenarda yer alan üçgen üzerinden buton seçeneklerini görüntüleyip istenilen eylemi gerçekleştirmesi için ilgili butona tıklar.
|
Araç Kutusundaki Görünümü |
Free Formdaki Görünümü |
Responsive Formdaki Görünümü |
|
|
 |
 |
Uyumluluk
| Free Form | Responsive Form | Mobile |
 |
 |
|
 |
 |
< + Add Button> düğmesi ile ButtonGroup'a bir buton eklemesi yapılır. < - Add Seperator> butonu ile butonlar arasına çizgi olarak ayırıcı eklenmektedir. ButtonGroup içerisinde bulunan bir butonu kaldırmak isterseniz Mouse ile sağ tuş yapıp buton üzerinde < Remove > seçeneğine tıklayabilirsiniz. |
Button Group 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.
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. 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.
Height(Yükseklik): Form aracının yüksekliğini ve genişliğini düzenler(Genişlik alanı Responsive Formlardan kaldırılmıştır). Display(Görünür): Form aracının Client ekranında görünmemesini sağlar. |
Button Group aracının içerisinde kullanabilecek aksiyonlar
Form sayfasında her eklenen form elemanı için farklı aksiyonlar bulunmaktadır. Button Group aracı için tanımlanmış olan aksiyonları görüntülemek için öncelikle Button Group aracı seçilir ardından sağ panelde yer alan aksiyonlar menüsü açılır.
Button Group aracı içerisinde kullanabilecek aksiyonlar ve detayları aşağıdaki gibidir.
When Clicked(Tıklandığında): Butona tıklandığında çalışır.
Kullanılan Örnekler:
Bir Form sayfasında birden fazla işlem yapılmak istendiği durumlarda farklı butonlar oluşturmak yerine tek bir buton grubu oluşturulur. Ardından içerisine eklenecek seçenekler ile kullanıcı işlemlerini gerçekleştirir.
Öncelikle form sayfasına bir Button Group eklenmelidir. Eklenen butonun ismi aksiyonlar şeklinde değiştirilir. Add Button alanına tıklanarak istenilen sayıda buton eklemesi yapılır.
Bu örnek için Kaydet, Sil ve Yeni adında 3 adet buton ekleyeceğiz. Bu nedenle Add Button alanına 3 kere tıklanır. İsim değişikliği yapmak ve özellik tanımlamak için öncelikle butona tıklanmalı ardından sağ menüden düzenlenmesi yapılmalıdır.
Eklenen her bir butona aksiyon tanımlaması yapılmalıdır. Öncelikle istenilen buton seçimi yapılır sonra aksiyon menüsü açılarak istenilen operasyon tanımlanır.
Aşağıdaki örnekte Save butonu için işlem gerçekleştirilmiştir.
Eklenen her bir buton için uygun operasyonun tanımlanması gerekecektir.
Button Group'un içerisine Bir önceki kayıt, bir sonraki kayıt isimleriyle iki tane daha buton eklenmek istenmektedir. Fakat üstte ekenmiş olan değerler ile arasına bir ayraç eklenmesi gerekmektedir.
Not: Bu kullanım zorunlu değildir, ayraç kullanılmadan da butonlar peş peşe eklenebilir.
Bu örnek için New Butonu seçilir ve ardından Add Seperator seçeneğine tıklanır. Seperator eklendikten sonra 2 kere daha Add Button'una tıklanır. Eklenen diğer butonlarında isimleri değiştirilerek uygun aksiyon tanımlamaları yapılır.
Gerekli tüm adımlar tamamlandıktan sonra Button Group'un Client ekranında görünümü aşağıdaki gibidir.
