What is a repeated section?
The section element is a container, in which you can place elements. Each field draged into the section can be filled in only once - it is a single use element. For example: if you have a section containing the following fields: friend name, friend age, friend gender - you will only be able to enter one friend - one name, one age and one gender.
The repeated section is when your container turns into a multiple-use object, one the form filler can repeat and fill in a few times. For example, if you have a repeatable section containing the following fields: friend name, friend age, friend gender it will allow your form filler to enter one friend's details, press on an "Add" button and then enter another friend.
Following are steps to create a repeatable section:
|1-||Enter your form in the form builder.|
|2-||Drag a section element. Resize it according to your needs.|
|3-||Drag the elements into the section (In the example: Name, Age and Gender).|
|4-||Go to "Properties" panel" > Element > Settings > Basic > Turn on the "Repeated" option.
Notice that 2 buttons will be added at the bottom of the section: Add and Remove. These buttons will allow the form filler to fill in the section multiple times.
|5-||Once you publish your form you will be able to enter the section a few times like so:
If you wish to limit the number of items the form filler can add in the repeated section you can easily do so by specifying the max item number in the section properties.
Simply select the section in the form builder
go to the "Properties panel" > "Element" > "Settings" > "Basic"
and fill in the number inside the "Max items" field, for example:3.
- Save the form and check in publish. You will only be able to press on the section "Add" button 3 times.
Another thing you can change in the section settings is the number of visible items set in the form. the section, by default, shows only one visible
item, and if the user presses on "add" another item then opens and a scroll is added.
However, if you wish for 2 or more items to be visible by default, without a scroll, you can easily cofigure that in the section properties:
- Go to the "Properties panel" > "Element" > "Settings" > "Basic"
- Set the default number in the "Num of visible items" field.
* Please notice that when you add visible items to the section it will grow vertically, so you will need to make room for the visible items:
Make sure the form is long enough. for example, if your section height is 200px and you set 2 visible items, this means that your section will now take up 400px of vertical space.
If your form is not long enough please add height.
Also, when the section grows in height it may cover elements that were below the original 200px section height. Make sure you move them after 400px so they are not caught inside the setion area.