Kuika’nın Panel elementi, kullanıcı arayüzünde içerikleri gruplandırmak ve düzenlemek için kullanılır. Panel, UI elemanlarını bir arada tutarak kullanıcıların belirli bir bölümde odaklanmasını sağlar. Dinamik arka plana sahip kartlar, sayfa düzenleri ve bilgi gösterimleri için idealdir. Bu eğitim içeriğinde, Panel elementini nasıl kullanacağınızı, içerikleri nasıl gruplandıracağınızı ve görsel düzenlemeleri nasıl özelleştireceğinizi öğreneceksiniz.

Panel elementi web ve mobil uygulamaları desteklemektedir.

Bu eğitim içeriği aşağıdaki başlıklardan oluşur:

Panel Elementi Ekleme
Panel Elementi Özellikleri
Element Ayarları ve Özelleştirme
Actions (Aksiyonlar)

Panel Elementi Ekleyin

Kuika platformuna giriş yapın.
Apps ekranından çalışacağınız projeyi açın.

UI Design modülünde, sol kenardaki Elements panelinden Container kategorisi altındaki Panel elementini seçin.
Elementi, istediğiniz alana sürükleyip bırakın.
- Boş bir alana sürüklerseniz Row elementi ile eklenir.
- Bir Column içine sürüklerseniz yalnızca Panel elementi eklenir.

Panel Elementi Özellikleri

Properties panelinden aşağıdaki ayarları yapılandırabilirsiniz:

Scrolling: İçeriğin kaydırılabilir olup olmayacağını ayarlayın. Seçenekler: Hidden, Vertical, Auto, Horizontal.
Scroll Back Color / Width / Radius: Kaydırma çubuğunun renk, genişlik ve köşe yarıçapını düzenleyin.
Dynamic Background Color: Arka plan rengini veri tablosundan gelen bilgilere göre dinamik olarak değiştirin.
Dynamic Font Color: Yazı rengini veri tablosundaki bilgilere göre dinamik şekilde ayarlayın.
Dynamic Background Image: Arka planda gösterilecek görseli dinamik olarak belirleyin.
Hover Background Color: İmleç üzerine geldiğinde arka plan rengini değiştirin.
Hover Font Color: İmleç üzerine geldiğinde yazı rengini değiştirin.