Group

Groups are container elements for multiple elements. They allow you to control the positioning, visibility, and alignment of groups elements.
To populate a group element, drag and drop elements into it.

Note

Group elements can be nested.

Properties

  • ID
    Element identifier.

  • Width

    • Default
      This is for backward compatibility purposes only.
    • Fit
      Sets the width of the Group container to accommodate the widest contained element (if Mode = Column) or the combined widths of the contained elements (if Mode = Row).
    • Fill
      Uses all of the available width.
      For more information, see Element distribution.
    • Fixed
      Sets the width to a fixed number of pixels.
      If you choose this option, you must enter the number of pixels in the Width (px) field that appears (1–2048).
    • Percentage
      Sets the width as a percentage of the parent container’s width.
      If you choose this option, you must enter the percentage in the Width (%) field that appears (1–100).

  • Height

    • Default
      Default height behavior. A minimum vertical size of 48 pixels is applied.
    • Fit
      Sets the height of the group to accommodate the tallest contained element.
    • Fill
      Uses all of the available height of the parent container.
      Only available inside a fixed-height parent element. Treated as Fit in other cases.

      Note

      In Column mode, elements set to Fill height take up the full width of the group and share the available height equally among all Fill elements.

    • Fixed
      Sets the height to a fixed number of pixels.
      If you choose this option, you must enter the number of pixels in the Height (px) field that appears (1–2048).
    • Percentage
      Sets the height as a percentage of the parent container’s height.
      If you choose this option, you must enter the percentage in the Height (%) field that appears (1–100).

      Note

      This is only applicable inside a fixed-height parent element. It is treated as Fit in other cases.

  • Mode
    How to organize contained elements.
    • Column (Default)
      Contained elements are stacked vertically.
    • Row
      Contained elements are placed horizontally.
    • Repeater
      For information on this mode, see Repeater mode.

  • Alignment section

  • Background section

    • Background color
      There are several options.

  • Border section

    • Border color
      There are several options.
    • Border radius
      Curvature of the group border corners.

      • Default

      • None

      • Small

      • Medium

      • Large

    • Top border, Right border, Bottom border, Left border
      These properties control the line style of the four border sections.

      • Default

      • None (Default)

      • Solid

In this section