Group

The Group 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.

  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 a specific control.

Note: The CSS Class field is available only if the Custom CSS setting is enabled in Nintex Workflow Cloud Form settings.

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.

Forms