Creating a Field Group
- Inese Auzina
- Mercedes Rothwell
Click on Images to Expand Them
A field group is an area on the page that contains several fields, which are in some way related to each other. Field groups can be copied and pasted in their entirety. Also, they can be made Repeatable – so, that the user can choose how many times the same set of fields needs to be filled out. This is often the case with having several joint owners of an account – the same information must be filled in by each joint owner, or in case of several contact phones, or several previous residence addresses, etc.
Field Groups can also be nested within each other with or without the Repeatable option.
Meta Field Names for field group fields are concatenated from the prefix specified in the group’s Meta field pattern and the short Meta Field Name specified for each field. In the case of a repeatable group, add an index counter to the pattern. To access values of fields from within the Field Group use model.parent.value["Local Meta Field Name"] .
Pattern | Meta Fields | Result |
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
Example Field Group
The example below shows how to create one field group for a Mailing Address and then copy it for a Legal Address.
Step 1: Adding a Field Group to the Page
Step 2: Add Fields to the Group
Step 3: Copy the Field Group to the Clipboard
Step 4: Update the Field Values
Step 5: Test the Widget
Test the widget by opening it. There should be two field groups – Mailing Address and Legal Address. The Country switch (US or Other) should work independently for each group.