Kuika's Form element allows you to quickly create forms in your mobile and web applications. You can use the data sources you added from the Data Sources module or you can create forms from scratch by adding form elements. In this tutorial, you will learn how to create fast and effective form structures using the Form element.
This training content consists of the following topics:
When you drag and drop the form element to the screen, the "Create Form" modal opens. Firstly, you must select the data source of the form to be created.
The data sources you can select are;
Let’s examine the sections on the form detail screen that opens after selecting your data source.
A. Adding Field to Form:
From the Add Field section, you can specify the name of the form structure, customize the variables to be included in the form, change the appearance of the form structure according to device differences, delete variables with three dots and add new fields.
B. Adding Section to Form
This is the area where you can add new sections to your form.
Add Section : You can use it to add a new section to the form.
C. Save Form
Save : Allows you to save the changes in the form.
To create a new form:
You can follow the steps below to create a form with Data Table data source structure:
You can follow the steps below to create a form with Action data source:
You can follow the steps below to create a form with Custom data source:
You can follow the steps below to edit the form structure:
In the Kuika platform, the detach form elements feature (detach) allows you to separate a form element from the main form structure and make it an independent element.
You can follow the steps below to detach form elements:
1. Open the project screen you are working on.
2. When you hover over the form element, click on the "Detach" icon.
Thus, you have detached the form elements. You can move, resize and use the detached form elements in a different position.
To configure the setting:
By customizing your elements with the Styling Panel, you can create impressive interfaces for your web and mobile applications. In this section, you can configure the following settings:
By following these steps, you can configure the Area Chart element to suit your needs.
Kuika supports the following system actions: