Overview
This document applies to users who have installed the FineVis Data Visualization plugin to learn plugin functions.
Version
Report Server Version | Plugin Version | Functional Change |
---|---|---|
11.0.22 | V2.9.1 | Allowed you to enable Mobile Layout (namely, flow layout changed from re-layout) on mobile terminals. The flow layout effect is mainly to solve the following re-layout problems: 1. When you directly convert a template from the PC to the mobile terminal, the sizes, margins, and orders of components cannot be freely adjusted, preventing the same template from being shared by both the PC and mobile terminal. 2. Previously, you can preview the configuration effects on the mobile terminal in a WYSIWYG (What You See Is What You Get) way only in a browser, rather than on the designer editing page. With the plugin of the new version, after switching to the mobile terminal, you can perform mobile configurations and preview the display effect of a mobile template in the designer in real time. |
11.0.22 | V3.1.0 | Allowed you to enable the floating display of a toolbar for HTML5 pages (disabled by default). |
Application Scenario
After you switch the mode to Mobile Layout, the default layout is Desktop Layout(namely same preview effect as that on PC), which incurs a poor mobile display effect. With mobile layout enabled, the template editing page and preview page follow the rules of mobile layout (flow layout), thus realizing a better mobile display effect.
A toolbar usually appears at the bottom when you view templates on the mobile terminal. When a few buttons are available, the page is unattractive with low space utilization. The floating display of the toolbar is desired.
Function Description
Mobile Layout is supported. After you select Mobile Layout, both the template editing page and preview page follow the rules of the mobile layout (flow layout).
You can switch between Bottom Toolbar or Floating Toolbar. Floating Toolbar is applicable to only HTML5 pages. Bottom Toolbar is selected by default.
Function Entry
After entering a FVS dashboard, choose Template Setting > Mobile Terminal on the top toolbar of the canvas to set Layout Mode and Toolbar.
Function Description
Layout Method
Mobile Layout is deselected by default. Mobile Layout follows the rules of Desktop Layout (layout retaining) consistent with that on the PC.
After Mobile Layout is selected, the mobile editing page and preview effect follow the rules of Mobile Layout (flow layout). Tablet Preview Effect can be selected.

Toolbar
Toolbar is set to Bottom Toolbar by default. Floating Toolbar is applicable to only HTML5 pages.

Template Pagination, Component Navigation, Filter, Refresh and Favorite are displayed on the floating toolbar, as shown in the following figure.

1. Button display conditions and display orders are the same as that on the bottom toolbar.
2. Paging buttons are always displayed at the top/bottom of the table, not on the floating toolbar.
When the number of buttons is less than or equal to four, the buttons are displayed directly rather than collapsed.
When the number of buttons is greater than four, the toolbar is automatically collapsed and can be expanded only by clicking, as shown in the following figure.