Customize the Multipage Form to Insert the Data on the Table - Input Form

Required Permissions

This section requires the Application Designer permission from your Domain's administrator.

Check What are the Design Tasks? to learn more about permissions to work with Design Mode and other tools.

Learn how to create a custom multipage form for data insertion and editing. A custom multipage form guiding the user into filling the row's information is called Input Form. This section teaches you how to configure one for your application.

Follow the steps below to create a Input Form.

1. In Design Mode, click the icon in the upper-right corner of the top bar. The action leads to the Input Form panel.

   

2. In the Input Form panel, turn ON the Enable Module toggle-switch. (By default, the toggle switch is disabled.)

   

3. Click on the tab of the table for which you want to design an Input Form.

   

4. Click on the Enable Input Form for this sheet toggle-switch to enable the Input Form for the selected table.

   

5. Click on the Add Group button to add at least one group of fields to the Input Form you are designing. Add as many groups as you want to divide the fields in the Input Form's page.

   

6. optional Insert a name in the textbox to identify the group in the Input Form.

   

7. optional Click on the button next to the textbox to decide if the group should be expanded () or collapsed () when you open the Input Form. (By default, the setting is set on expanded ())

   

8. You must select the table's fields to be moved to one of the page's Groups.

   

   Tip

   You can search by name a particular field for the selection trough the search bar.

   

   You can even filter the fields' list by type through the drop-down menu next to the search bar.

   

   Click on the field that you want to move to the group. Alternatively, select multiple fields from the list through Shift + Left-Click.

   

9. Drag & Drop the Drag Items from here bar to the group in which you want to place the selected fields.

   

   The fields will appear in the chosen group.

   

   Tip

   On each field's tile on a group, an icon highlights the field's type on the Storage.

   

10. Arrange as you prefer the fields in the group.

    

    Resize a field's tile by dragging it from the icon in the tile's bottom-left.

    

    Tip

    If you want to remove a field to move it to another group, click on the icon on the field's tile upper-right corner.

    

    Alternatively, click on the Remove Fields button to remove all the fields from a group or the Empty Groups to remove all the fields from all the groups.

    

    Tip

    You can arrange the groups by dragging & dropping them through the icon.

    

11. Type a name for the Input Form's page. (By default New Page is the title).

    

12. optional If you want to add further pages to the multipage form, click on New Page.

    

    Note

    You can drag & drop the pages in the order you prefer. Pages on the left in the list will appear first in the Input Form's multipage form.

    

13. Repeat the steps 1 to 12 above for each page you want to insert in the Input Form.

14. When you have finished with the configuration, click on the Save button to save all the changes. You find the Save button in the upper-left corner of the Design Mode.

    

Tip

You can preview the Input Form's final appearance by clicking on the Preview button.

You can also interact with the Input Form of each table to see what is the user's experience.

Success

You have created a custom multipage form to help the users to insert or modify data for an application's table.