auto_stories Bilgi Bankası chevron_right Form chevron_right Makale

Color Box

Form sayfası içerisinde renk bölümünden seçim yapılmasını sağlayan form aracıdır. 

Araç Kutusundaki Görünümü

Free Formda Görünümü

Responsive Formda Görünümü
mceclip2.png mceclip0.png

mceclip1.png

 

Uyumluluk

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

 

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

Default Value(Varsayılan Değer): Buraya girilen değer, Client ekranında form aracının içine varsayılan olarak gelir.

a.png

 

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

b.png

 

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

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.

Form Only(Sadece Formda): Form aracına girilen bilgileri sql'e kaydetmeyerek, sadece formda oluşmasını sağlar. Burada sonradan yapılan değişiklikler veri tabanını etkilemez.

 

Color Box aracı içerisinde kullanabilecek aksiyonlar

Form sayfasında her eklenen form elemanı için farklı aksiyonlar bulunmaktadır. Color Box aracı için tanımlanmış olan aksiyonları görüntülemek için öncelikle color alanı seçilir ardından sağ panelde yer alan aksiyonlar menüsü açılır.

c.png

 

Color Box içerisinde kullanabilecek aksiyonlar ve detayları aşağıdaki gibidir. 

mceclip3.png

On Value Change(Değer Değiştiğinde): Color Box alanının içindeki değer değiştiğinde çalışır.

 

Kullanılan Örnekler

Color Box aracının açılır kutusuna odaklandığımızda aşağıdaki ekrandan renk seçimi yapılıyor. Bu renkler HEX Renk Kodlarıdır.

mceclip0.png

 

Kutuya bir rgba renk kodunu kopyala-yapıştır yapmak isterseniz o renk seçilir ancak aşağıdaki gibi HEX koduna döner.

 mceclip1.png

Renk kutusundaki değer değiştiğinde herhangi bir alanı güncelleyebilir.