FVS Mobile Setting

  • Last update:February 19, 2025
  • Overview

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

    Version 

    Report Server VersionPlugin VersionFunctional Change
    11.0.22V2.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.22V3.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.

     FVS移动端1.png

    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.

    iconNote: 
    For detailed information about the mobile layout, see FVS Mobile Layout.

    FVS移动端2.png

    Toolbar

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

    iconNote: 
    During preview on the DataAnalyst app, the toolbar is still displayed at the bottom.

    FVS移动端3.pngTemplate Pagination, Component Navigation, Filter, Refresh and Favorite are displayed on the floating toolbar, as shown in the following figure.

    iconNote: 

    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.

    FVS移动端4.png

    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. 

    FVS移动端5.png

    Attachment List


    Theme: FineVis Data Visualization
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy