auto_stories Bilgi Bankası chevron_right Form chevron_right Makale

Group Box

Tasarlanmış nesneleri çerçevelemek için kullanılan form elemanıdır. Grup kutusu aracının özellikleri arasında başlığın görünür/görünmez özelliği vardır. Grup kutusu yardımı ile çerçevedeki nesnelerin üzerine başlık yerleştirilerek daha düzenli bir görünüm elde edilebilir.

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-cancel-48.png icons8-check-circle-48.png

 

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

Text(Metin): Group Box aracının başlığını değiştirmek için kullanılır.

a.png

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

b.png

mceclip4.png

Text Fonts(Metin Yazı Tipleri): Yazı fontunun değiştirilmesi sağlanır. Bu özellik başlık alanını etkilemektedir, bu nedenle form aracının Heading özelliği açık olmalıdır. 

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

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

d.png

mceclip6.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).

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.

Mobil Fixed(Mobil Sabit): Mobilde açıldığında grup içerisinde yer alan değerlerin, alandan taşmaması sağlanır.

Heading(Başlık): Text alanında yer alan değerin başlıkta görünüp görünmeyeceği seçilir. Bu alan aktif olmadığı sürece Text alanında yazılan değer görünmeyecektir. 

 

Group Box içerisinde kullanabilecek aksiyonlar

Form sayfasında her eklenen form elemanı için farklı aksiyonlar bulunmaktadır. Group Box aracı için tanımlanmış olan bir aksiyon bulunmamaktadır.

 

Kullanım Örneği:

Aşağıdaki örnekte öncelikle Group Box öğesi kullanılmadan alanlar eklenmiştir. Ardından Group Box aracı eklenerek diğer alanlar içerisine alınmıştır.

mceclip8.png mceclip9.png