EN
EN

How can we help?

Component Splicing Instructions

1. What is component splicing?

I. Component Splicing Instructions

Component Splicing: Usually consists of tabs and corresponding content panels. Currently, the desktop only supports splicing multiple components in the "adaptive layout" mode, and you can view the content of multiple components in one area at the same time by switching Tabs. When clicking to switch Tabs, the corresponding content panel will be displayed, while other component content will be hidden. It can effectively solve the data occlusion problem caused by using multiple components to tile the computer screen too small at the same time.
By using component splicing, you can access and switch different functional component modules in an intuitive and efficient way, improving user experience and interface usability.

前置说明注释:

II. Main features of Component Splicing

  • Provide clear navigation: Through Tabs, users can easily switch to the required functions or components, thus providing an intuitive navigation experience.
  • Save space: Component splicing places multiple component contents on one page area, and displays different contents by switching Tabs, saving page space.
  • Avoid page refresh: Since Tab splicing switches and displays content panels on the client, it can avoid refreshing the entire page and provide a smoother interactive experience.

2. Component Splicing Operation Instructions

I. Introduction to Shadow Color Blocks

  • Shadow color blocks appear above, below, left, and right of the target component: all indicate that the new component is placed near the target component, and splicing is not performed by default.

Above

Below

Left

Right

  • When the shadow color block completely occupies the target component, the splicing between the two components can be realized after releasing the mouse. (When component splicing is required, try to move the new component to the middle area of the target component.)

The following example is to splice "7*24 News" into the "Chart" component.

II. Splicing of operating components

1. Splicing of independent components: When splicing two independent components, you can drag the required component to the target component by holding down the mouse and release the mouse when a blue shadow block appears in the target component. Component splicing can be realized.

2. There are two ways to splice independent components into existing combinations:

  • Method 1: Drag the components that need to be spliced to the target combination. When a blue shadow block appears in the target component, release the mouse to splice. At this time, the new component will be in the last Tab.
  • Method 2: Drag the new component to the top tab, and a blue shadow block will appear at the tab position. After letting go, the new component can be spliced into the target group. At this time, the new component will be on the last Tab.

3. Move the spliced components as a whole: Press and hold the blank area of the tabs of the spliced components to move the spliced components as a whole. For placement of shadow color blocks, refer to item 1 of this description.

III. Adjust Component Tabs Position

Select the component Tab that needs to be moved, hold down the mouse and drag it. When a blue shadow block appears on the target Tab, it means that the component will be moved here after you let go.
(Tips: A thumbnail of the current component will appear under the mouse when dragging. For the thumbnail, refer to the Component Toolbox.)

IV. Removing Components From A Composition

1. Remove the component into an independent component and use it in the panel: Hold down the Tab of the target component and drag it. When a blue shadow block appears at the moved position, let go and the move will be successful.

2. When a component is no longer needed, it will be removed from the combination: Find "Remove" in the “...” More functions, click to remove the component.

3. When you need to use a component in the combination as an independent window: Find "Detach" in the... more functions and click to detach the component into an independent window for use.

Special Note:

In order to ensure performance and user experience, currently only a maximum of fifteen components can be opened on the same tab page. Using component splicing will occupy the upper limit of components.