Scrolling (Kaydırma): Panel elementinin yüksekliği, içerisinde bulunan elemanlardan daha kısa ayarlandığında, içerik kaydırılabilir hale gelir. Scrolling alanında “Hidden, Vertical, Auto ve Horizontal” seçeneklerinin yer aldığı bir Selectbox bulunmaktadır. Bu seçeneklerle Panel elementinin kaydırma yönünü ve durumunu ayarlayabilirsiniz.
Scroll Back Color / Width / Radius: Panel elementinin içeriği, panelin genişliği veya yüksekliğinden daha uzun olduğunda kaydırma işlemi yapılabilir. Panelin yatay veya dikey kenarında belirecek olan kaydırma çubuğunun stilini düzenleyebilirsiniz.
Dynamic Background Color: Panel elementinin arka plan rengini, bir veri tablosundan gelen bilgilere göre dinamik olarak değiştirebilirsiniz. Örneğin, bir öğrenci sınav sonuç listesi hazırlandığında, 70 puanın altındaki notları kırmızı, 70 ve üzeri notları ise yeşil yapmak isteyebilirsiniz. Bu durumda, Label elementini bir Container içine ekleyerek ilgili özelliği uygulayabilirsiniz.
Dynamic Font Color: Aynı öğrenci sınav sonuç listesinde, Panel elementinin içinde bulunan Label elementinin yazı rengini dinamik olarak düzenleyebilirsiniz.
Dynamic Background Image: Bir hava durumu uygulamasında, sıcaklık ve rüzgar gibi verilere uygun olarak arka planda bir görsel gösterebilirsiniz. Ayrıca, sosyal medya uygulamalarında eklenmiş bir görselin gösterilmesi gibi senaryolarda da Panel elementini kullanabilirsiniz.
Dynamic Background Image tercih edilirken, çok yüksek boyutlu (MB) görsellerin kullanılmaması önerilir.
Hover Background Color: Web uygulamalarında, imlecin Panel elementinin üzerine geldiğinde arka plan renginin değişmesini ayarlayabilirsiniz.
Hover Font Color: Web uygulamalarında, imlecin Panel elementinin üzerine geldiğinde, içindeki Label elementinin yazı rengini değiştirebilirsiniz.
