Group

The Group form control allows you to collect multiple controls together when you design a form, so you can show or hide them based on rules you create. Add the Group control to your form first, and then add controls you want to collect together inside the Group control.

Note: You can nest up to two additional Group controls inside a Group control.

Section

Setting

Description

(unlabeled)

Name

Name of the group, which becomes available for selection in the 'Then' clause of a rule.

Visible

Shows the group on the published form when loaded.

Border

Adds a border around the group of form controls.

Show header

Displays header text in the group of form controls.

Header text

Available when you select Show header. The header text which displays in the group of form controls.

Toolbar buttons

Note:

Button	Tooltip	Description
	Bold	Apply bold formatting to the selected text.
	Italic	Apply italic formatting to the selected text.
	Underline	Apply underline formatting to the selected text.
Format	Paragraph Format	Apply different heading sizes to the selected text: Normal Headings 1 to 6
	Numbered List	(Available only in larger dialog box) Convert selected text into one or more numbered list items.
	Bulleted List	(Available only in larger dialog box) Convert selected text into one or more bulleted list items.
	Left	Align the selected text to the left.
	Center	Center the selected text.
	Right	Align the selected text to the right.
	Justify	Distribute text evenly between left and right margins of the label control.
	Link	Add a hyperlink to selected text. When you click the Link button, the Rich text editor window presents two additional fields relating to the hyperlink: URL and Text. Type the URL and amend the Text, if necessary. Click OK to confirm the hyperlink for the text.
	Unlink	Remove a hyperlink. The unlink button becomes available after you click a hyperlink in the Header text or Rich text editor window.
	Full Screen	Display the field and toolbar buttons in a larger dialog box with additional toolbar buttons available.
	Outdent List Item	(Available only in larger dialog box) Decrease indentation for the selected list items.
	Indent List Item	(Available only in larger dialog box) Increase indentation for the selected list items.
	Insert Horizontal Line	(Available only in larger dialog box) Adds a horizontal line below typed text and adds a new paragraph.

Header background

Available when you select Show header. Adds a lighter version of the highlight style color as a background to the header text area.

Divider line

Available when you select Show header. Adds a dividing line between the header text area and the controls in the group.

Collapsible

Allows the group of controls to be in a collapsible section in the form to be collapsed or expanded by the form users as required. When enabled the group control is shown as a collapsible section. The header text is displayed as the header of the collapsible section. The group has to be expanded in the form to see the controls included in it.

Note: If the group is collapsed and a required field is contained, it's expanded when the form user clicks Submit.

Collapsed by default

Available when you enable the Collapsible toggle. Select Yes or No to have the group control collapsed by default or not. Yes is selected by default.

Styling

CSS class

Add a CSS class to apply a style to this form control. You can create the CSS class in the CSS code editor in form styles. Enter one class name or multiple class names separated by a space.

For more information, see Add a custom CSS to individual controls.

Border color

Border color to apply to the field.

To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code.

To revert back to the global style, click Reset to global style.

Background color

The color to fill the background of the field.

To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code.

To revert back to the global style, click Reset to global style.