Panel elementi seçildiğinde, Properties panelinde Scrolling, Scroll Back Color, Scroll Width, Scroll Radius, Dynamic Back Ground Color, Dynamic Font Color, Dynamic Bg Image, Hover Background Color, Hover Font Color, Authorization (Yetkilendirme), Visibility (Görünürlük) ve Actions parametreleri ile görüntülenir. Bu parametre alanları ile panel özelleştirme, özel yetkilendirme ve görünürlük ayarlarını yapabilirsiniz.
Panel elementi içine direkt bir element ekleyebileceğiniz gibi farklı elementlerinde parçası olabilir.
Scrolling (Kaydırma): Properties panelinde yer alan Scrolling bölümünü açın. Panel elementinin yüksekliğini içerisinde bulunan elementlerden daha kısa ayarlandığı durumlarda içeriğin Scroll edilebilmesini sağlayabilirsiniz. Scrolling alanında Hidden, Vertical, Auto, Horizontal seçeneklerinin yer aldığı Selectbox yer almaktadır. Bu seçenekler ile Panel elementinin yönünü ve durumunu ayarlayabilirsiniz.
Scroll Back Color / Width / Radius (Geri Kaydır Renk / Genişlik / Yuvarlama): Panel elementi içeriğinin panel genişlik/yüksekliğinden daha uzun olduğunda Scroll edilebilir olmasını sağlayabilirsiniz. Panel yatay/dikey kenarında çıkacak olan Scroll çubuğunun stilini düzenleyebilirsiniz.
Dynamic Background Color (Dinamik Arka plan Rengi): Elementin arka plan renginin bir veri tablosu aracılığıyla gelen veriye bağlı değişmesi sağlanabilir. Öğrenci sınav sonuçlarına ait bir liste hazırlandığını düşünün. 70 puan altındaki sınav notlarının kırmızı, 70 ve üstü sınav notlarının ise yeşil olmasını istediğinizde Label elementine bir Container elementi olarak ekleyebilirsiniz. İlgili fonksiyonu eklerken Symbol Picker içinde bulunan ek özellikleri de kullanabilirsiniz.
Dynamic Font Color (Dinamik Font Rengi):Yine benzer listede öğrenci sınav sonuç listesinde Panel elementi içinde bulunan Label elementinin Font rengini düzenleyebilirsiniz.
Dynamic Background Image (Dinamik Arka Plan Görüntüsü): Bir hava durumu uygulamasında hava şartları ile ilgili sıcaklık ve rüzgar gibi verilere uygun olarak arka planda bir görselin gösterilmesi veya sosyal medya uygulamalarındaki eklenmiş görüntünün gösterilmesinin istendiği örneklerde Panel elementini kullanabilirsiniz.
Hover Background Color (Hover Arkaplan Rengi): Web uygulamalarda Cursor’un Panel elementi üzerine geldiğinde arka planında olacak renk değişikliğini ayarlayabilirsiniz.
Hover Font Color (Hover Font Rengi): Web uygulamalarda Cursor’un panel elementi üzerine geldiğinde içinde bulunan Label elementinin alacağı rengi belirleyebilirsiniz.
