Kuika platformuna giriş yaptıktan sonra “Apps” ekranından çalışacağınız projeyi açın.
“UI Design” (1) modülünde, sol kenarda bulunan “Elements” (2) panelinden "Container" (3) kategorisi altındaki Form elementini (4) ekrana sürükleyip bırakın.
Açılan “Create Form” modalında oluşturacağınız form da kullanmak istediğiniz veri kaynağını seçerek başlayın. Kullanım senaryonuza ve ihtiyacınıza göre seçim yapıp ilerleyebilirsiniz.
Data Table Veri Kaynağı ile Form Oluşturun
Data Table veri kaynağı yapısı ile form oluşturmak için aşağıdaki adımları takip edebilirsiniz:
Form elementini ekrana sürükleyip bıraktıktan sonra karşınıza çıkan modaldan “Data Table” (1) veri kaynağını seçin.
Açılan alt menüden bir veri kaynağı (2) ve tablo (3) seçin. Daha sonra “NEXT” (4) butonuna tıklayın.
Örneğin, veri kaynağı “Managed DB” ve tablo “Department” olarak seçilirse, karşınıza açılan sayfada ilgili tabloyu görebilirsiniz. İlgili tablonun sütunlarından “Label” (1), “Field Name” (2), “Field Type” (3), “Element Type” (4) ve “Required” (5) kısımlarını ihtiyacınız doğrultusunda düzenleyebilirsiniz.
Bir inputun zorunlu olması gerektiğinde, "Required" kısmını aktif hale getirin.
Formunuzun alt kısmında bulunan “Add item” (6) butonundan yeni satır ve “Add Section (7)” butonundan yeni bölüm ekleyebilirsiniz.
Formun sağ üst köşesinde bulunan “Section layout” (8) alanından cihazınıza uygun kolon görünümünü seçebilirsiniz.
Son olarak sağ alt köşede bulunan “SAVE” (9) butonuna tıklayarak formunuzu kaydedebilirsiniz.
Excel Veri Kaynağı ile Form Oluşturun
Form elementi, Excel veri dosyası olarak “.xls/.xlsx” formatlarını desteklemektedir.
Excel veri kaynağı ile form oluşturmak için aşağıdaki adımları takip edebilirsiniz:
Form elementini ekrana sürükleyip bıraktıktan sonra karşınıza çıkan modaldan “Excel” (1) veri kaynağını seçin.
Açılan alt menüden “Choose from computer” (2) butonuna tıklayarak bilgisayarınızdan kullanacağınız excel dosyasını seçin. Daha sonra “NEXT” (3) butonuna tıklayın.
Örneğin; ad soyad, telefon numarası ve departman ile ilgili bir Excel dosyası yüklediğinizi varsayarsak ilgili tablonun sütunlarından “Label” (1), “Field Type” (2), “Element Type” (3) ve “Required” (4) kısımlarını ihtiyacınız doğrultusunda düzenleyebilirsiniz.
Bir inputun zorunlu olması gerektiğinde, “Required” kısmını aktif hale getirin.
Formunuzun alt kısmında bulunan “Add item” (5) butonundan yeni satır ve “Add Section” (6) butonundan yeni bölüm ekleyebilirsiniz.
Formun sağ üst köşesinde bulunan “Section layout” (7) alanından cihazınıza uygun kolon görünümünü seçebilirsiniz.
Son olarak sağ alt köşede bulunan “SAVE” (8) butonuna tıklayarak formunuzu kaydedebilirsiniz.
Action Veri Kaynağı ile Form Oluşturun
Action veri kaynağı ile form oluşturmak için aşağıdaki adımları takip edebilirsiniz:
Form elementini ekrana sürükleyip bıraktıktan sonra karşınıza çıkan modaldan “Action” (1) kaynak yapısını seçin.
Açılan alt menüden bir aksiyon seçin. Daha sonra “NEXT” (2) butonuna tıklayın.
Açılan alt menüde bulunan “Inputs” alanı veri girişi için, “Outputs” alanı ise ilgili form alanlarında kayıtlı verileri göstermek için kullanılır.
Örneğin, “AddUserToRole” aksiyonu seçilirse, karşınıza açılan sayfada ilgili tabloyu görebilirsiniz. İlgili tablonun sütunlarından “Label” (1), “Field Type”(2), “Element Type” (3) ve “Required”(4) kısımlarını ihtiyacınız doğrultusunda düzenleyebilirsiniz.
Bir inputun zorunlu olması gerektiğinde, “Required” kısmını aktif hale getirin.
Formunuzun alt kısmında bulunan “Add item” (5) butonundan yeni satır ve “Add Section” (6) butonundan yeni bölüm ekleyebilirsiniz.
Formun sağ üst köşesinde bulunan “Section layout” (7) alanından cihazınıza uygun kolon görünümünü seçebilirsiniz.
Son olarak sağ alt köşede bulunan “SAVE” (8) butonuna tıklayarak formunuzu kaydedebilirsiniz.
Custom Veri Kaynağı ile Form Oluşturun
Custom veri kaynağı ile form oluşturmak için aşağıdaki adımları takip edebilirsiniz:
Form elementini ekrana sürükleyip bıraktıktan sonra karşınıza çıkan modaldan “Custom” (1) veri kaynağını seçin.
Daha sonra “NEXT” (2) butonuna tıklayın.
Opsiyonel olarak form yapısına bağlı bir veri tablosu oluşturmak için “Also create a table in Managed DB” tıklayabilirsiniz.
Açılan sayfada ilgili tablonun sütunlarından “Label” (1), “Field Type” (2), “Element Type” (3) ve “Required” (4) kısımlarını ihtiyacınız doğrultusunda düzenleyebilirsiniz.
Bir inputun zorunlu olması gerektiğinde, “Required” kısmını aktif hale getirin.
Formunuzun alt kısmında bulunan “Add item” (5) butonundan yeni satır ve “Add Section” (6) butonundan yeni bölüm ekleyebilirsiniz.
Formun sağ üst köşesinde bulunan “Section layout” (7) alanından cihazınıza uygun kolon görünümünü seçebilirsiniz.
Son olarak sağ alt köşede bulunan “SAVE” (8) butonuna tıklayarak formunuzu kaydedebilirsiniz.