Overview
Version
| FineBI Version | APP Version/HTML5 Moblie Display Plugin Version |
|---|---|
6.0.15 | V11.0.87 |
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.
Combination
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.
Style Setting
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.
| Setting Item | Description |
|---|---|
Title | You can set whether to display the combination title and rename the title. |
Background | You can set the colors and styles of the title background and the component background. You can set the component's rounded corners and borders. |
Component Gap | You can adjust the gap size between components within the combination. |
The effect is shown in the following figure.
Floating
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.
| Component Members Before Combining | Container State |
|---|---|
All non-floating | Non-floating |
Partial floating | Non-floating |
All floating | Floating |
Combination Dismissing
You can click the icon and select Dismiss Combination from the drop-down list to dismiss the combination.
Copy
The method is the same as that of copying components.
On Mobile Terminals
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:
Floating is not available to components on mobile terminals.
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.
