Use a Repeater field to add a group of fields any number of times. This field allows users to click an 'Add' button to add another group of fields. This field is incredibly useful if you would like users to add details about multiple items in a form. This feature is commonly used when adding information for multiple individuals, such as children, in a form.
Standard Field Options
A Repeater field has the following standard options:
Field-specific options
Collapsible
If you would like your section to be collapsible, you can check this option.
To learn more about collapsible sections, click here.
Repeat Layout
With the Repeater, you can choose the layout you would like for the fields within that section. To set the layout, go into the Section Heading field and select the Repeat Layout that you would like.
The Inline format will display all the fields in the Repeater on one row. The Grid format will display all the fields in the Repeater on one row with the field names only on the top of the first row.
Repeat Buttons
By default, the repeat buttons will show a (+)(-) symbol as well as the Add/Remove text. The text can be changed to whatever you would like, or you can remove the text altogether and only have the (+)(-) symbols. Alternatively, the (+)(-) symbols can be removed so you only see text on the Add/Remove buttons.
- Click on the (-)Remove (+)Add field inside of your Repeater Section.
- Set your Add New Label and Remove Label text.
- Choose if you would like to have 'Icons', 'Text links', or 'Text links with icons' for the Repeat Links option.
Repeat Limit
With the Repeat limit, you can set the maximum number of rows a user can add in a Repeater field. If no value is set, it will allow users to submit as many rows as they want. It needs to have a value of at least 2 to trigger this function.
Set up a Repeater Field
- Add a Repeater field by clicking on Repeater in the Fields Panel (in the right sidebar).
- Drag and drop the field(s) that you would like into the Section.
- Now you can customize the layout of the repeat rows or change the repeat buttons.
Section styling
To customize the default styling for Repeater fields, go to Formidable → Styles → Section Fields and click the 'Repeatable' tab. Select the icons that you would like to use for your add/remove buttons.
Get the total of the values of a Repeater field
To get a total of the values in a field in a Repeater, you can:
- create a field outside of the Repeater to hold the total
- in the Dynamic default value box, check the Calculations checkbox
- in the Calculations box, put the [id] or [key] of the field inside the Repeater that you want to total
The values in the field in the Repeater will be added together automatically. If the values in the Repeater are words instead of numbers, you can check the text calculations checkbox, too. The total field will contain a comma-separated list of the values in the field in the Repeater.
Displaying Repeater Fields
In emails and Views, you'll see values from Repeater fields grouped by field, rather than by row:
Name: John Smith, Julie Roberts, Rob Darlington Meal: Pepperoni pizza, Fettucine alfredo, Pepperoni pizza Drink: Dr. Pepper, Water, Coca Cola
You may use the [foreach] shortcode in a View or an email to group values from a Repeater by row. Alternatively, you may create a View from a Repeater field. A View from a Repeater provides ordering and filtering options that the [foreach] shortcode, in a View from the main form, does not. A View from a Repeater could be standalone or could be nested inside of a View from the main form.
Display data grouped by row
If you would like to display the data from a Repeater field grouped by row, like this:
John Smith: Pepperoni pizza, Dr. Pepper Julie Roberts: Fettucine alfredo, Water Rob Darlington: Pepperoni pizza, Coca Cola
you can use the foreach shortcode like this:
[foreach 100] [101]: [102], [103] [/foreach]
Replace 100 with the field ID of your Repeater field. Replace 101, 102, and 103 with the field IDs that are inside of the Repeater.
Display data in a table
You can also use the foreach shortcode to display the repeater fields in a table:
| Name | Meal | Drink |
|---|---|---|
| John Smith | Pepperoni pizza | Dr. Pepper |
| Julie Roberts | Fettucine alfredo | Water |
| Rob Darlington | Pepperoni pizza | Coca Cola |
Use the code below to create a table with the foreach shortcode:
<table> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> [foreach 100] <tr> <td>[101]</td> <td>[102]</td> <td>[103]</td> </tr> [/foreach 100] </table>
Replace 100 with the field ID of the Repeater field. Replace 101, 102, and 103 with the field IDs that are inside of the Repeater.
Create a View from a Repeater Field
If you would like to learn how to create a View directly from your Repeater field, click here.
Related customizations
Review before submit
Other field types are much simpler to display in an HTML field on the last page of your form. But repeater fields need a bit of extra code. Use [frm-repeat-post section_id=25 field_ids='26,27'] in the HTML field at the end of your form. Replace 25 with the ID of your repeater field, and 26,27 with the fields inside of it.
add_shortcode('frm-repeat-post', 'frm_repeat_post');
function frm_repeat_post( $atts ) {
$content = '';
$field_ids = explode( ',', $atts['field_ids'] );
if ( ! isset( $_POST['item_meta'][ $atts['section_id'] ] ) ) {
return $content;
}
foreach ( (array) $_POST['item_meta'][ $atts['section_id'] ] as $row ) {
if ( $key === 'form' || $key === 'row_ids' ) {
continue;
}
foreach ( (array) $field_ids as $field_id ) {
if ( is_array( $row[ $field_id ] ) ) {
$content .= ' ' . sanitize_text_field( implode( ', ', $row[ $field_id ] ) ) . '
';
} else {
$content .= $row[ $field_id ];
}
}
$content .= '<br/>';
}
return $content;
}