Align Components

<< Click to Display Table of Contents >>

Current:  Create Dashboard > Dashboard Layout > Free Laout 

Align Components

Previous pageReturn to chapter overviewNext page

Two components or multiple components can be aligned with each other. The product provides alignment buttons and alignment hints to help users align multiple components on the dashboard.

The right-click menu of components contains eight buttons: Top alignment, bottom alignment, left alignment, right alignment, vertical center, horizontal center, horizontal distribution, and vertical distribution. Multiple components can be aligned with one key, as shown in the figure below. (if only two components are selected, the horizontal distribution and vertical distribution will not appear)

alignment001

Align components with alignment buttons

The component right-click menu - aligns with four buttons: top alignment, bottom alignment, left alignment, and right alignment. Align multiple components with one click, as shown in the following figure.

layout029

Take left alignment as an example, introduce the operation method for you: Hold down the Ctrl key, select multiple components that need to be aligned, and right-click menu-align the left-justify component button, as shown in the following figure.

 

Align the left ends of the two components as shown in the following figure.

layout030

 

Align components by aligning the cue lines

Alignment hint lines help users align components when dragging moving components. Alignment hint lines are divided into upper alignment line, lower alignment line, left alignment line, right alignment line, intermediate alignment line, and center alignment line.

Align the prompt line as shown below:

layout032

The following alignment line is shown below:

layout033

The left alignment line is shown below:

layout034

The right-aligned hint line is shown in the figure below:

layout035

The middle alignment line is as follows:

layout036

The center alignment hint line is as shown below:

layout037