Skip to main content
Version: 8.4

Group

The group element serves as a container to group various form elements together. It allows for nesting of fields and assists in organizing complex forms.

Form Group Symbol

Configurable properties

  • Group label: Label displayed on top of the group. Can either be an expression, plain text, or templating syntax.
  • Path: Assigns a path that maps its children into a data object, may be left empty, defined as a variable name or a dot separated variable accessor. See the data binding docs for more details.
  • Show outline: Can be toggled on and off to display a separating outline around the group
  • Vertical alignment: Determines the alignment of items in the list.
  • Hide if: Expression to hide the group.
  • Columns: Space the field will use inside its row. Auto means it will automatically adjust to available space in the row. Read more about the underlying grid layout in the Carbon Grid documentation.

Usage

The group element allows for nesting of various form elements. Children elements inherit the group's path as a prefix to their key, streamlining data mapping. You can nest additional group elements for deeper organization. Groups may also be used to show and hide entire sections of the form.