TODO: add more details on repeat control - current issues and how they should be solved.

Purpose:
The repeat control was implemented to allow users to enter multiple set of the data data.

…

July 2023 Updates

• When adding a new repeat-controller set, focus will be placed on the first input of the new set

• When removing a repeat-controller set, focus will be placed on “Add new ${setTitle}” button.

• For both the above cases, a related live region announcement will be made

• The header element for each repeat-controller set will be configurable based on the headingLevel property/option in your form definition:

  { id: "example_section_three", title: "Repeat Control", className: "example-form-section panel-default", rows: [ { repeatControl: { id: "rowId", title: "Contact Information", setTitle: "Contact", bindTo: "contacts", className: "repeatControl col-xs-12 className", min: 0, max: 5, initial: 1, headingLevel: 4, //optional, will default to '5', or an <h5>, if ommitted. Otherwise, will accept values from 1-6 to be associatee with headers of <h1> to <h6> ...

Result of setting a value of “4” to the headingLevel property, from above, will result in <h4>s being created for the initial set as well as any new ones that will be created:

Open