Creating and Styling a Group

You can create and style a group in a story.

Context

Creating groups allows you flexibility when creating a page layout.

When a group is selected, it can be treated as a single tile. For example, you could create a group from two charts and your company logo, and then move the group to a different location on the canvas. Styling can be applied to the group. You can also move the group to the front or the back of the canvas.
Note
Groups can overlap other tiles or groups on the canvas.
Styling can still be applied to individual tiles within a group. The alignment, size, and position of a tile within a group can also be modified.
Note
Groups do not affect filters.

Procedure

  1. CTRL + Click multiple tiles, or marquee select multiple tiles, and then select Start of the navigation path Next navigation step  GroupEnd of the navigation path.
  2. Open the Designer panel and select (Styling).
  3. Apply styling options to the group.

    Styling Option

    Description

    Background Color

    Select a background color for the group.

    Order Items

    Move the group from the front to the back of the canvas.

    Available options:
    • (Send Backward)
    • (Send to Back)
    • (Bring Forward)
    • (Bring to Front)
  4. Select a tile in the group and apply actions as needed.

    Actions

    Description
    Order Items

    Change the position of a tile from the front to the back of the group.

    Available options:
    • (Send Backward)
    • (Send to Back)
    • (Bring Forward)
    • (Bring to Front)
    Alignment

    Change the alignment of a tile inside the group.

    Available options:
    • (Align Left)
    • (Align Center)
    • (Align Right)
    • (Align Top)
    • (Align Middle)
    • (Align Bottom)
    (Expand)

    Expand the tile to fill the group container.

    Size and Position
    Add coordinates to change the position and size of a tile in the group container.
    • W: Width of the tile in pixels.
    • H: Height of the tile in pixels.
    • X: Horizontal position of the tile in pixels.
    • Y: Vertical position of the tile in pixels.
    • ɑ: Angle for rotation.
  5. Apply additional styling options, specific to the tile type, as needed.

    For more details on specific styling options, see Formatting and Styling Items on a Story Canvas .

Results

A group is created and styling is applied. To remove a group, select the group and then select Start of the navigation path Next navigation step  UngroupEnd of the navigation path.