A section is a wrapper of multiple fields added to an app. They serve two purposes -
Similar to the drag-and-drop action of the blocks, you can also rearrange the sections.
Below example app consists of two sections.
Click on the Other Details section and drag-and-drop it in the place of Basic Details section.
You can see that sections have been rearranged. Other Details section is on top of the Basic Details section.
This is one of the most useful features that help app creators create very complex apps. You can use this to introduce branching in your apps.
In the example above, we are adding a condition to show this section only when the user selects Gender as Male.
Here we are putting a condition to make sure that this section appears only when the person is Male and >18 years of age.
You can use this feature to collect data from the end-users when the count of input can be variable. For example, you want to collect the details of the family members of the user filling the data.
Click on the section of which you want to create multiple copies. Edit from the Right Panel which appears on the right side.
Enable this option to allow creating copes o the section, 'Family Members'
Enter a number of how many copies of the section that you want to create
Enter your desired text for the end user to understand that clicking on this will create another copy of that section.
There are 2 ways to do that:
In this example, 'Add another member' is the text. You can add your own self-explanatory text. This appears on the bottom right side of the section
You can add your own custom link here. Below is an example of a custom link and it's preview.
<h2 style='color: #007BFF;cursor: pointer;text-align:left;'>+ Add another Basic Details section</h2>
In the above link, 'Add another member' can be changed to your own self-explanatory text. This appears on the bottom left side of the section
You can make some sections of the app as sub-sections of any other section in the app. For example, the screenshots below show a Checklist App with 3 main Checklists C1, C2, and C3 and each of them has sub-checklists like 1.1, 1.2. 2.1 etc. So the users filling data in the App will initially see only the 3 top-level sections. Then when they click on one of these sections, their sub-sections will appear.
To create such a setup with sub-sections, follow these steps.
140L, 5th Main Rd, Sector 6, HSR Layout, Bengaluru, Karnataka 560102, India
+91 96418 61031
3500 S DuPont Hwy, Dover,
Kent 19901, Delaware, USA
+1 (669) 732-9335
125 Redpath Ave, Unti 1809,
Toronto, Ontario, Canada
+1 (437) 988-9663
3500 S DuPont Hwy, Dover,
Kent 19901, Delaware, USA
+1 (669) 732-9335
125 Redpath Ave, Unti 1809,
Toronto, Ontario, Canada
+1 (437) 988-9663
140L, 5th Main Rd, Sector 6, HSR Layout, Bengaluru, Karnataka 560102, India
+91 96418 61031