Kullanıcı Kılavuzu

Dynamic Form (Beta)

4/7/25
Dynamic Form (Beta)

Kuika’nın Dynamic Form elementi, kullanıcı girişine ve etkileşimlerine göre gerçek zamanlı olarak şekillenen, özelleştirilebilir formlar oluşturmanıza olanak tanır. Bu özellik, karakteristik verilerin (Entity - Attribute - Value) dinamik olarak bir form yapısı içerisinde temsil edilmesini sağlar.

Dynamic Form şu an beta aşamasındadır. Kararlı sürüm öncesinde test amacıyla kullanılabilir ve geliştirme sürecinde değişiklik gösterebilir.

Dynamic Form elementi yalnızca EAV (Entity - Attribute - Value) veri modeli ile uyumludur ve EAV aksiyonları aracılığıyla çalışır. Başka veri kaynaklarıyla birlikte kullanılamaz.

Dynamic Form elementi yalnızca web uygulamalarda kullanılabilir. 

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

  • Dynamic Form Elementi Ekleme
  • Dynamic Form Elementi Özellikleri
  • EAV Yapısıyla Kullanım
  • Element Ayarları ve Özelleştirme

Dynamic Form Elementi Ekleme

  1. Kuika platformuna giriş yapın.
  2. Apps ekranından çalışacağınız projeyi açın.
  3. UI Design modülüne gidin.
  1. Sol kenardaki Elements panelinden Special kategorisini seçin.
  2. Dynamic Form elementini çalışma alanına sürükleyip bırakın.

Eğer formu bir alan içine yerleştirirseniz, sistem uygun bir yapı (örneğin Column) ile yerleşim düzeni oluşturur.

Dynamic Form Elementi Özellikleri

  • Entity: Dynamic Form’un bağlı olduğu ana veri varlığı, Entity ve ona ait Attributes’tur. Form, bu yapı üzerinden attribute ve value bilgilerini çeker; sadece Entity tek başına yeterli değildir.
  • Attributes: Formda görüntülenecek alanları tanımlar. Her attribute, bir form alanı olarak temsil edilir.
  • Value: Kullanıcının ilgili attribute'lara verdiği değerlerdir. Form gönderildiğinde bu değerler işlenir veya kaydedilir.

Dynamic Form, karakteristik değerlerin (Entity, Attribute, Value) dinamik bir form yapısında temsil edilmesini sağlar.

Yalnızca EAV (Entity-Attribute-Value) yapısı ile çalışır; başka veri kaynakları ile kullanılamaz.

EAV Yapısıyla Kullanım

  • Dynamic Form yalnızca EAV aksiyonları (örneğin Get Dynamic Form, Get Entity Value From Dynamic Form) ile birlikte kullanılmalıdır.
  • EAV modeli sayesinde her ihtiyaca özel, esnek ve genişletilebilir form yapıları oluşturabilirsiniz.
  • Dynamic Form, bu aksiyonlar aracılığıyla içeriğini kullanıcıya göre otomatik olarak günceller ve kişiselleştirilmiş bir deneyim sunar.

Bu kılavuzu takip ederek, Dynamic Form elementini Kuika platformunda etkili bir şekilde kullanabilir, dinamik form senaryolarınızı kolayca hayata geçirebilirsiniz.

Element Ayarları ve Özelleştirme

Authorization (Yetkilendirme)

Element düzeyindeki erişim kontrolünü yönetmek için, Properties panelindeki Authorization bölümünü kullanabilirsiniz.

Erişim Tipleri

Anonymous

Elementin tüm kullanıcılar tarafından, giriş yapmadan görüntülenmesine izin verir.

Restricted

Erişimin yalnızca doğrulanmış kullanıcılara veya belirli rollere göre sınırlandırılmasını sağlar.

  • Everyone: Aktif edildiğinde, giriş yapmış tüm kullanıcılar elemente erişebilir.
  • Roles: Elemente erişmesine izin verilen roller buradan seçilir. Rol listesini düzenlemek için Roles alanının yanındaki dişli (⚙️) ikonuna tıklayarak Role Management penceresini açabilirsiniz. Bu pencereden yeni rol ekleyebilir, klasör oluşturabilir veya mevcut rolleri yönetebilirsiniz.

Unauthorized Behavior (Hide / Disable)

Kullanıcı gerekli role sahip değilse, elementin nasıl davranacağını Choose alanından belirleyebilirsiniz:

  • Hide: Kullanıcı yetkili değilse element tamamen gizlenir ve ekranda görünmez.
  • Disable: Element görünür kalır ancak tıklanamaz / kullanılamaz hâle gelir.

Bu ayar, yetkisiz kullanıcıların elementle nasıl karşılaşacağını yönetmeniz için kullanılır.

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.

İlişkili diğer içerikler

No items found.

Sözlük

No items found.

Alt Başlıklar