Component Combination

Version

Application Scenario

After creating components, you can use Combine to put the content with the same theme together.

1. Batch move/component adjustment: You can improve the efficiency of batch operations for multiple related components. Especially for floating component scenes on PC, you can combine multiple components before adjusting the position and size.

2. Block-based dashboard layout: You can adjust the gaps/padding/background, etc. between components within each block.

3. Enhanced overall integrity of the combined components: When components are combined, hovering the cursor will not cause the shadow effect, which is more aesthetically pleasing.

Function Description

You can freely combine elements in the dashboard, integrate them into different blocks, and customize their titles and styles.

Notes

Tab components and the deleted components cannot be combined with other components.

The container is not allowed to be nested, and cannot be combined with other containers.

Component Combination

1. Before combining the components, adjust their positions and sizes first.

2. Click one of the components to go to the Combine page, select the components to be combined, and click OK to generate the container.

Combination Adjustment

Click the component in one component and you can resize it. Click the border of one combined component and you can resize the component.

Components Adding to Container

You can add components to the container, and the position and size of the component in the container will be influenced by those in the dashboard.

Note: A container is not allowed to nest another container, and cannot be combined with another container

.

Combined Component Removing

Click the icon Remove from Combination to remove one component from a combined component.

Select the container, click Edit, and select Style Setting from the drop-down list. You can set the combination title, background, and component gap. After completion, click OK.

The effect is shown in the following figure.

1. The floating state of components within a combination is consistent with that before combining.

2. If all the combined component members are floating, the container is floating. Otherwise, the container is non-floating.

You can click the icon  and select Dismiss Combination from the drop-down list to dismiss the combination.

The method is the same as that of copying components.

The components on PC and mobile terminals do not affect each other.

In mobile layout, click the component to combine it with other components, which is the same as the setting on PC.

Note:

 

1. Floating is not available to components on mobile terminals.

2. The Tab Components on mobile terminals cannot be combined.

You can freely combine the content of the dashboard to design a layout consisting of different blocks.