After logging into the Kuika platform, open the project you will work on from the Apps screen.
In the UI Design module, drag and drop the Form element under the Container category from the Elements panel on the left side.
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 on 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 appears. Then click the NEXT (4) button.
For example, if the data source is Managed DB and the table is 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 as you need.
When an input must be required, activate the “Required” section.
You can add a new row with the Add item (6) button at the bottom of your form and a new section with 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 Excel (1) data source 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 the NEXT (3) button.
For example, assuming that you have uploaded an Excel file about name, surname, phone number and department, you can edit Label (1), Field Type (2), Element Type (3) and Required (4) from the 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 Action Data Source
You can follow the steps below to create a form with Action data source:
After dragging and dropping the form element on the screen, select the Action (1) resource 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 is used for data entry and the “Outputs” field is used to display the data stored in the relevant form fields.
For example, if the 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 Custom (1) data source from the modal that appears.
Then click the NEXT (2) button.
Optionally, you can click “Also create a table in ManagedDB” to create a data table connected to the form structure.
On the page that opens, you can edit Label (1), Field Type (2), Element Type (3) and Required (4) 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 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.
