Versions Compared

Version Old Version 1 New Version 2
Changes made by

Pankil Dave

Martin Miralles

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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:

    Code Block
            {
          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 passing a value of “4”, from above, will result in <h4>s being created for the initial set as well as any new ones that will be created:

...