1. Kuika platformuna giriş yapın.
2. Apps ekranından çalışacağınız projeyi seçin.
3. UI Design modülüne girin.

4. Sol kenardaki Elements panelinden, Display kategorisi altındaki Video Player elementini sürükleyerek ekranınıza bırakın.

• Video Player elementini boş bir alana sürüklerseniz, otomatik olarak bir Row elementi içinde eklenir.
• Bir Column içine sürüklerseniz, yalnızca Video Player elementi eklenir.

Video Player elementinin özelliklerini, sağ kenardaki Properties panelinden yapılandırabilirsiniz:

• URL:
  
  • Fixed Value: Statik bir URL adresi ekleyerek ilgili videoyu oynatabilirsiniz.
  • Symbol Picker: Dinamik bir URL eklemek için kullanılır. Örneğin, bir Text Input elementine girilen URL'yi veya bir aksiyon sonucu elde edilen URL'yi gösterebilirsiniz.
• Controls:
  
  • Kullanıcının videoyu oynatma, durdurma veya sesi açıp kapatma gibi kontrolleri görüp göremeyeceğini belirler. Kontrolleri tamamen gizleyebilir veya yalnızca belirli düğmeleri gösterebilirsiniz.
• Muted:
  
  • Videonun sayfa yüklendiğinde sessiz (mute) olarak açılmasını sağlar. Kullanıcı, isterse sesi açabilir. Özellikle otomatik oynatma senaryolarında faydalıdır.
• Loop:
  
  • Videonun süresi sona erdiğinde otomatik olarak tekrar oynatılmasını sağlar. Kullanıcı durdurana veya ekran kapanana kadar video tekrar eder.

Authorization (Yetkilendirme)

• Anonymous Access: Kullanıcıların hesap bilgisi girmeden erişmesini sağlar.
• All Roles Access: Kullanıcıların hesap bilgileri doğrulanarak erişim sağlanır.
• Element düzeyinde yetkilendirme için Properties panelinden Authorization ayarlarını düzenleyin.

Visibility (Görünürlük)

• Always Visible: Element her zaman görünür.
• Hidden: Element gizlenir.
• Sometimes Visible: Element, belirli bir koşula bağlı olarak görünür.

Ayarı yapılandırmak için:

1. Ekrandaki elementi seçin.
2. Sağ kenardaki Properties panelini açın.
3. Visibility alanında ihtiyacınıza göre bir seçenek belirleyin.

Editability (Düzenlenebilirlik)

• Enabled: Element düzenlenebilir.
• Disabled: Element düzenlenemez.
• Sometimes Enabled: Element, belirli koşullara göre düzenlenebilir veya düzenlenemez.

Style Panel ile Arayüz Tasarımı

Elementlerinizi Styling Panel ile özelleştirerek, web ve mobil uygulamalarınız için etkileyici arayüzler oluşturabilirsiniz. Bu bölümde, aşağıdaki ayarları yapılandırabilirsiniz:

• Layout (Düzen): Boyutlandırma, hizalama ve iç boşluk (padding) ayarları. Ayarlar arasında Size, Min Size ve Align bulunur.
• Text (Metin): Yazı tipi, stil, renk, boyut ve aralık ayarları.
• Fill (Dolgu): Arka planı renk veya görsellerle özelleştirme.
• Border (Kenarlık): Kenarlık ekleme ve köşe yarıçapı ayarları.
• Shadow (Gölge): Elementlere derinlik katmak için gölge efekti ekleme.

Bu adımları takip ederek, Area Chart elementini ihtiyaçlarınıza uygun şekilde yapılandırabilirsiniz.

Actions (Aksiyonlar)

Kuika, aşağıdaki sistem aksiyonlarını destekler:

• Arithmetic, Authorization, Condition, Device, Export, Geolocation, Invers, Local Storage, Multi Language, Navigation, Notification, Payment, UI Control, Process Administration, Process Automation, Trigger, Process Automation, Process Administration ve String Operations.
• Kendi oluşturduğunuz SQL aksiyonlarını da kullanabilirsiniz.
• Aksiyon eklemek için Properties panelinden +ADD ACTION butonunu kullanabilirsiniz.

Actions desteği bazı elementlerde geçerli olmayabilir.