FVS Page Overview

11.0

V1.x

11.0.16

V2.0.0

Changed the plugin name from FVS Large Screen Editing Mode to FineVis Data Visualization.

11.0.16

V2.1.0

Optimized the interaction for dashboard creation. For details, see section "Visualization Dashboard Creation."

11.0.22

V2.8.0.2

Optimized the interaction for creating a new visualization dashboard. For details, see section "Visualization Dashboard Creation."

11.0.22

V2.10.0

Adjusted the layout of the visualization dashboard creation page. For details, see section "Page Overview."

1

Menu Bar

2

File Area

Saves all the templates in the current FineReport project.

3

Data Source

Allows you to set template datasets and server datasets that can be called in templates.

4

Template Tab Bar

• Allows you to open multiple FVS templates simultaneously.

• Allows you to create an FVS template by clicking the    icon on the far left.

• Allows you to switch between FVS and non-FVS templates by clicking the xxx icon on the right.

5

Component Bar

Displays the icons and names of component categories. You can click a specified category and select the required component from the drop-down component list to add the component to the page for editing.

6

Action Bar

Allows you to undo and redo actions.

Note:

1. In FineReport with the plugin of V2.10.0 or earlier versions, you can combine, ungroup, delete, align, and adjust the hierarchy of components on the action bar.

2. In FineReport with the plugin of V2.10.0 or later versions, the function entries for component combination and alignment are moved to the configuration area (serial number: 13). The buttons for deleting and adjusting the hierarchy of components are removed. You can select the component, right-click it, and select the required function from the drop-down list to perform the corresponding operation.

7

Template Setting Area

• After creating a blank FVS dashboard, you can switch theme styles of the current template by clicking the Switch Theme Style button in the upper right corner of the template.

• Allows you to set the FVS template by clicking Template Setting.

Note:

In FineReport with the plugin of V2.10.0 or earlier versions, the template setting entry is under Template > FVS Template Setting in the upper left corner of the designer.

8

Saving and Preview Area

Allows you to save or preview the template by clicking Save/Preview after creation.

In FineReport with the plugin of V2.1.1 or later versions, you can switch between the PC and mobile modes by selecting from the    icons to change the functional configurations and preview effects.

9

Component Layer Area

• Displays all the components on the currently selected page.

• Allows you to rename or delete components.

• Allows you to adjust the hierarchy by dragging components.

• Allows you to hide or lock components.

• Allows you to collapse/expand the component layer area by clicking the    button on the left of the canvas attribute area (serial number 12).

• Allows you to pin the component layer area to the left/right side of the canvas by selecting from the  icons in the upper right corner of the component layer area.

10

Canvas Body Area

The body of an FVS dashboard is a WYSIWYG (What You See Is What You Get) design area.

• Allows you to check the effect directly after the component addition or adjustment without the need to save or preview the template.

• Allows you to open only one page of an FVS template at the same time.

• Allows you to add components within the canvas. Content outside the canvas cannot be displayed during the preview.

• Allows you to align components using the canvas auxiliary lines. For details, see Canvas Auxiliary Line.

11

Canvas Pagination Area

• Allows you to add multiple pages in one FVS template.

• Allows you to configure Preview Playback Setting for multiple pages.

12

Canvas Attribute Area

• Allows you to modify the size, adaptation mode, and zoom level of the canvas.

• The buttons on the left are the Component Layer button and the Hotkey button.

13

Configuration Area

• Allows you to configure the background and transition effect for the current page when no component is selected.

• Allows you to configure the content, interaction, animation, and style of a selected component.

• Allows you to adjust the size, position, layout, and spacing of multiple selected components. You can click Combine to combine the selected components.

Note:

The Spacing function is newly added in the plugin of V2.10.0, and can only be used when more than two components are selected.