Repeating Block Template

   MaestroThe UI design product.  |   Form Builder |  All versions This feature is related to all versions.

Maestro provides the Repeat Block Template component (widget), which allows you to build a small part of form that can be repeated multiple times on a form by a use clicking a Repeat Add Button. This is especially handy when adding another name or address field to a form.

Note

This component inherits properties and shared styles from the Block component.

Usage

  1. Open the Palette pane in the Maestro Editor.
  2. Locate the Repeating Block Template component within the Repeats folder.
  3. Drag the component into the View pane or the Wireframe.
  4. Configure the component's properties via the Properties pane.
  5. Expand Content > Repeated Header to edit a name of the repeated block in the Label field of the Index component.
  6. Drag a component to create the repeated block of a form into the Content > Repeated Content. This component will be added to a form when a form user clicks the Add Item button.
  7. Select the component and configure it as required, for example, make it mandatory if some conditions are true.

Properties

The following properties are available to the component:

Accessibility

Aria Label
Text ariaLabel
Enter the Aria Label for this block.
Hide from assistive technology
Boolean ariaHidden
Hide component from assistive technology (aria-hidden).

Styles

The Block component's styles are available to this component:

Integration

The component uses the standard configuration with the following extra details:

Hidden Data

Select one of the following options from the Clear hidden data section to define whether data entered into a component is cleared when the component is hidden or not:

Immediately
Hides a component as soon as the component is hidden. It will remove all elements from the repeat and not just clear the contents of the children. In case, you want to keep the structure of the repeating data but clear its elements, you need to create a JavaScript, which sets an instance count to 1 and clears the children, and add it to a onChange rule for a radio button.
Tip

You can also check the best practices of using this component.

Next, learn about the Repeating Block Template (Deprecated) component.