Working with Flex components

With Analytics+, you can create stunning multi-element dashboards. When you work with Flex positioning, you only need to choose the direction (horizontal or vertical), and Analytics+ will automatically handle the alignment and positioning with consistent gap and fill options.

Let's look at the options available to customize Flex containers.

1. Fit and fill options for individual elements

When you combine multiple elements into a flex container, you can choose whether the element should have a fixed size and position or whether the element should fill the available canvas space.

The images below depict the difference between the Fixed and Fill resizing options.

Fill

2. Container Flex configuration

1. Position: The X and Y coordinates where the flex container should be placed.

2. Size: The height and width of the container. You can also drag the corners to resize the container.

3. Layout:

• Direction: Arrange elements vertically or horizontally. New elements will also be inserted accordingly.

Flex direction

• Gap: Space between each element in a flex container.

Gap between elements in a container