Fieldgroups allow for field to be organized together under a common header. They can also be used to create tabs or multiple pages in a form.
Examples
Example of an "Div" field group. Several fields are grouped under a single header.
Example of a "Fieldset" field group. Several fields are grouped under a single header in a collapsible box.
Example of "Horizontal tabs" fieldgroup. The form is broken up into multiple tabs.
Example of "Vertical tabs" fieldgroup. The form is broken up into multiple tabs.
Example of "Multipage" fieldgroup. The form is broken up into multiple pages.
To create a "Div" or "Fieldset" fieldgroup:
- Log in as a user with the site admin role.
- Find the form you wish to edit.
- Click the appropriate form name in the list shown on screen.
- Click "Manage fields" in the top navigation bar.
- Type the fieldgroup name in the "label" field under "Add new group." The label is the field name that the end users will see.
- Type a group name in the "Group name" field. This is the administrative name of the fieldgroup and must be a unique, lowercase name.
- Select a fieldgroup from the "Widget" field.
- Drag the fieldgroup to the appropriate location in the form.
- Drag the fields to go into field group under the fieldgroup.
- Indent the fields by dragging the to the right under the fieldgroup.
- Scroll to the bottom of the page and click "Save."
Tabs and pages
Fields can also be organized into tabs or pages. This is a two-step process. First the tabs or page fieldgroups are created. Then the tabs or pages fieldgroups are added to a parent fieldgroup.
Step one: Create the tab or page fieldgroups and organize fields.
- Log in as a user with the site admin role.
- Find the form you wish to edit.
- Click the appropriate form name in the list shown on screen.
- Click "Manage fields" in the top navigation bar.
- Type the fieldgroup name in the "label" field under "Add new group." The label is the field name that the end users will see.
- Type a group name in the "Group name" field. This is the administrative name of the fieldgroup and must be a unique, lowercase name.
- Select "Multipage," "Horizontal tab," or "Vertical" tab fieldgroup from the "Widget" field.
- Drag the fieldgroup to the appropriate location in the form.
- Drag the fields to go into field group under the fieldgroup.
- Indent the fields by dragging the to the right under the fieldgroup.
- Scroll to the bottom of the page and click "Save."
- Follow the steps below.
Step two: Add the parent fieldgroup and organize the child fieldgroups.
- Add another fieldgroup and select either "Multipage group," "Horizontal tab group," or "Vertical tab group" fieldgroup from the "Widget" field based on whether you are using pages, or tabs.
- Drag the pages or tabs created under the the new item.
- Indent the fieldgroups under the new item.
- Scroll to the bottom of the page and click "Save."