I. Overview
Applicable scenarios: Users who have installed the "FVS Large Screen Editing Mode" plugin can refer to this article to learn about the related functions of the FVS template.
1. Version
Report server version | JAR package | FVS large screen editing mode (beta version) version | Function changes |
---|---|---|---|
11.0 | 2021-11-15 | V1.0.0 | - |
11.0.2 | - | V1.2.0 | Chapter VI, Components support Copy-Paste across FVS templates Except for the table component, the font unit in other components uses px uniformly |
2. Function introduction
This chapter will briefly introduce the relevant knowledge of the components in the FVS large screen template.
II. Component Type
FVS large screen template supports five types of components: 3D components, charts, text, media, containers
Component type | Component | Introduction |
---|---|---|
3D Components | FVS Scene Switching Map | Used to display multi-dimensional map data in multiple scenarios |
FVS 3D City | Used to display 3D cities and 3D models | |
FVS Custom Model | Used to display the user-defined 3D scene | |
Chart | FVS Chart Components | Supports various analysis charts (such as column charts) in the original general template Supports all charts in the original extended charts (such as water polo charts) |
Text | FVS Rich Text Component | It is used to make text descriptions, dynamic data in large screens, or to display article information in large screens, etc. |
FVS Text Component | The title content used to make the component, or a one-line text description | |
FVS Table Component | Used to display tables, similar to general reports | |
Media | FVS Local Video Component | Display a variety of built-in videos, custom videos, or online videos |
FVS Monitor Video Component | Real-time online display of surveillance video images | |
FVS Picture Component | Used to display various built-in assets, custom pictures or online pictures | |
Container | FVS iFrame Component | Used to introduce web pages and other templates under the project into the FVS template, including general reports, dashboards, and FVS large screen templates |
FVS Carosel Component | You can drag various other components (excluding the carousel component itself, and do not support combination) into the "carousel component", and rotate according to certain rules |
III. Add components
There are two ways to add components.
1) Click Add
Click the type of component to be added, and the component will be added to the center of the current page. As shown below:
2) Drag and drop to add
Click to select the type of component to be added, drag the component to the current page, release the mouse, and the component will be added to the position where the mouse is parked. As shown below:
IV. Lock the assembly
With component locking, components that have already been configured can be protected from other factors.
1) Once a component is locked, nothing can be done on the component in the canvas until it is unlocked.
2) The group can be locked as a whole, but the individual components within the group cannot be locked; similarly, the group can only be unlocked as a whole.
V. Hide Components
By hiding components, the editing page can be made clearer and the editing efficiency can be improved.
1) After hiding, the component or group will not be visible in the editing interface.
2) After hiding, it cannot be selected in the editing interface, but it can still be selected in the layer list, and the function settings are the same as those of the components that are not hidden.
3) After hiding, the preview interface is still displayed normally. Hiding is limited to the editing interface.
VI. Copy Components
Right-click the selected component and click the Copy button. Move the mouse to an empty space on any page, then right-click and click the Paste button to copy a component.
V1.2.0 and later versions of the plugin support copying components to other FVS templates.
1) Support copying and pasting of single component, grouped components, and multiple components.
2) After the grouped components are copied, they are still displayed in groups.
3) The position pasted across templates is the same as the position pasted in the current template.
4) The components pasted across templates retain everything, including original data configuration, formula configuration, etc.
5) If the component has the same name after pasting, it will be automatically renamed and suffixed with _c1, _c2, etc.
VII. Delete components
There are three ways to delete components:
1) Click the selected component and click the Delete button in the operation bar.
2) Right-click the selected component and click the Delete button.
3) Select the component in the layer area and click the Delete button.
VIII. Component alignment
When multiple components are selected, you can set the alignment of the frame formed by the components as a whole. As shown below:
Initial Position Example | Alignment | Example |
---|---|---|
Align left | ||
Align right | ||
Align center | ||
Align top | ||
Align bottom | ||
Align Miidle |
IX. Adjust the component layer
In the layer area list, the higher the component, the closer to the upper layer of the screen in the large screen.
The adjustment of layer order includes: Bring to Front, Send to Back, Bring Forward, Send Backward.
The group as a whole is supported to adjust the layer order, and the component is also supported to adjust the layer order within the group.
1) Manual drag and drop adjustment in the layer area
2) Click the selected component and click the "Adjust Level" button in the operation bar to adjust the level order of the components.
3) Right-click the selected component and click the "Adjust Hierarchy" button to adjust the hierarchical order of the components.
X. Component group
Select multiple components at the same time and click the Group button to combine these components into a group.
Click once to select the group, and click again to select the components within the group. Components are grouped and do not affect the configuration of components.
Everything that a component can do, a group can do.
Support hiding, locking, renaming, and aligning group.
Support to animate the group, support to modify the size and position of the group
When you delete a group, the components within the group are also deleted.