After logging into the Kuika platform, open the project you will work on from the "Apps" screen.
In the "UI Design" (1) module, drag and drop the Form element (4) under the "Container" (3) category from the "Elements" (2) panel on the left edge.
Start by selecting the data source you want to use in the form you will create in the "Create Form" modal. You can choose and proceed according to your usage scenario and your needs.
Create Form with Data Table Data Source
You can follow the steps below to create a form with Data Table data source structure:
After dragging and dropping the form element to the screen, select the "Data Table" (1) data source from the modal that appears.
Select a data source (2) and table (3) from the submenu that opens. Then click on the "NEXT" (4) button.
For example, if the data source is selected as "Managed DB" and the table is selected as "Department", you can see the relevant table on the page that opens. You can edit "Label" (1), "Field Name" (2), "Field Type" (3), "Element Type" (4) and "Required" (5) from the columns of the relevant table according to your needs.
When an input must be mandatory, activate the "Required" section.
You can add a new row from the "Add item" (6) button at the bottom of your form and a new section from the "Add Section (7)" button.
You can select the column view suitable for your device from the "Section layout" (8) field in the upper right corner of the form.
Finally, you can save your form by clicking the "SAVE" (9) button in the lower right corner.
Create Form with Excel Data Source
Form element supports ".xls/.xlsx" formats as Excel data file.
You can follow the steps below to create a form with Excel data source:
After dragging and dropping the form element on the screen, select the data source "Excel" (1) from the modal that appears.
Select the excel file you will use from your computer by clicking the "Choose from computer" (2) button from the submenu that opens. Then click on the "NEXT" (3) button.
For example; assuming that you have uploaded an Excel file related to name, surname, telephone number and department, you can edit the "Label" (1), "Field Type" (2), "Element Type" (3) and "Required" (4) sections of the columns of the relevant table according to your needs.
When an input must be mandatory, activate the "Required" section.
You can add a new row from the "Add item" (5) button at the bottom of your form and a new section from the "Add Section" (6) button.
You can select the column view suitable for your device from the "Section layout" (7) field in the upper right corner of the form.
Finally, you can save your form by clicking the "SAVE" (8) button in the lower right corner.
Create Form with Action Data Source
You can follow the steps below to create a form with Action data source:
After dragging and dropping the form element to the screen, select the "Action" (1) source structure from the modal that appears.
Select an action from the submenu that opens. Then click the "NEXT" (2) button.
The "Inputs" field in the submenu that opens is used for data entry and the "Outputs" field is used to display the data stored in the relevant form fields.
3.For example, if "AddUserToRole" action is selected, you can see the related table on the page that opens. You can edit the "Label" (1), "Field Type" (2), "Element Type" (3) and "Required" (4) columns of the related table according to your needs.
When an input must be mandatory, activate the "Required" section.
You can add a new row with the "Add item" (5) button at the bottom of your form and a new section with the "Add Section" (6) button.
You can select the column view suitable for your device from the "Section layout" (7) field in the upper right corner of the form.
Finally, you can save your form by clicking the "SAVE" (8) button in the lower right corner.
Create Form with Custom Data Source
You can follow the steps below to create a form with Custom data source:
After dragging and dropping the form element on the screen, select the "Custom" (1) data source from the modal that appears.
Then click on the "NEXT" (2) button.
Optionally, you can click "Also create a table in Managed DB" to create a data table connected to the form structure.
On the page that opens, you can edit the columns "Label" (1), "Field Type" (2), "Element Type" (3) and "Required" (4) of the relevant table according to your needs.
When an input must be mandatory, activate the "Required" section.
You can add a new row from the "Add item" (5) button at the bottom of your form and a new section from the "Add Section" (6) button.
You can select the column view suitable for your device from the "Section layout" (7) field in the upper right corner of the form.
Finally, you can save your form by clicking the "SAVE" (8) button in the lower right corner.
