FVS Component Operation and Hotkey

This document applies to users who have installed the FineVis Data Visualization plugin to learn plugin functions.

Version

Application Scenario

This document mainly describes the basic operations of all components in FVS and how to perform the operations.

Adding a Component

You can add a component with the following two methods.

Clicking

Click the image of the component type you want to add, and it will be added to the center of the current page.

Dragging

Select the component type you want to add, drag it to the current page, release the mouse, and the component will be added to where the mouse is.

Selecting the Component

Left-click the component in the canvas to select it. If you want to select multiple components, hold Shift and left-click the component, or box-select the components with the left mouse button.

Starting from V2.2.0, when multiple components overlap and cause components to be covered, you can select the component with the component layer.

Note:

In versions before V2.2.0, the covered component needs to be selected in the component layer list.

Hover the mouse over the component you want to select, right-click it, and select Select Layer to expand the component layer list, and you can select the component quickly.

The list includes all components in the vertical direction of the cursor, arranged from top to bottom in the order of the component layers.

Copying and Pasting the Component

Range of Support

Copying and pasting components across FVS templates is supported. Copying chart blocks and report blocks from the dashboard (FRM) and pasting them to FVS is supported.

Methods of Copying and Pasting

· Select the component, press Ctrl+C to copy and Ctrl+V to paste.

· Select the component, right-click the mouse, select Copy from the drop-down list, then right-click the blank space where you want to paste the component, right-click the mouse, and click Paste.

· Hold Alt (If you are a Mac user, hold option), then drag the component with the left mouse button for quick copying.

3. You can copy and paste a single component, grouped components, or multiple components.

Note:

In V1.18.1 and the later versions, datasets can be copied along with components when you copy and paste the component. If there are two datasets with the same name in the source template and target template respectively, the dataset in the target template will be matched without the dataset in the source template carried.

Deleting the Component

You can delete the component with the following three methods.

· Select the component and click Delete in the toolbar.

· Right-click the component and select Delete from the drop-down list.

· Select the component in Component Layer and click Delete.

Align the Components

When you select multiple components, you can align the border formed by the components.

The effects of various alignment methods are shown in the following figure.

Initial Position	Alignment	Example
	Align left
	Align right
	Align Middle
	Align Top
	Align Bottom
	Align Center

Grouping the Components

Select multiple components, click Group at the top of the canvas, or right-click and select to merge these components into a group.

Although the components are grouped, the configuration of the components remains. Any operation that can be performed on a component can be performed on a group.

· You can hide, lock, rename, and align the group.

· You can set up an animation for the group. Besides, you can adjust the size and position of the group.

· If you delete a group, the components within the group will also be deleted.

In versions before V2.2.0, you need to click multiple times based on the layer level to select a component in a group, and each click only selects one level.

Starting from V2.2.0, you can press and hold the Ctrl key and left-click to quickly select the component in the sub-layer level.

Note:

If there are covered components in the group, you can select them with the method described in section "Selecting the Component."

Adjusting the Component Layer

You can adjust the layer order with Bring Forward, Send Backward, Bring to Front, and Send to Back.

You can adjust the layer order of the group. Besides, you can adjust the layer order of the component within the group.

1. Manually drag and adjust the component layer list.

V2.3.0 optimizes the interaction of the component layer list.

· Press and hold the Ctrl key and left-click components to select multiple components or deselect components. Press and hold the Shift key and left-click components for quick selection. However, cross-level multi-selection and continuous selection are not supported.

· After selecting the component, right-click to bring up the drop-down list, which allows for batch copying, pasting, hiding, locking, arranging, and so on.

2. Click the selected component and click Arrange in the toolbar to adjust the layer order of the component.

3. Select the component, right-click the component, and select Arrange from the drop-down list to adjust the component's layer order.

Locking the Component

You can lock the component in Component Layer to ensure that the configured component will not be affected by other factors.

1. After you lock a component, you cannot perform any operation on it in the canvas until it is unlocked.

2. The group can be locked as a whole, but the components within the group cannot be locked independently. Similarly, the group can only be unlocked as a whole.

Hiding the Component

You can make your editing page clearer by hiding the component, improving your editing efficiency.

1. If you hide the component, it will be invisible on the editing page, and you cannot select it. However, you can select the component from the layer list, and the function settings of the components will not be affected.

2. If you hide the component, neither on the editing page nor the preview page can you view it.

The hotkey list is shown in the following figure.

Note:

The hotkeys can only be applied to components and cannot be applied to pagination. For example, if you want to delete a page, right-click it and select Delete rather than use the hotkey.