Kuika platformuna giriş yaptıktan sonra Apps ekranından çalışacağınız projeyi açın.
UI Design modülünde, sol kenarda bulunan Elements panelinden Container kategorisi altındaki Form elementini 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 ManagedDB” 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.