Template Setting

  • Last update:  2023-11-02
  • Overview

    Version

    FineBI VersionApp VersionHTML5 Mobile Display Plugin VersionFunctional Change

    6.0

    V11.0.68

    V11.0.68

    /

    6.0.14

    V11.0.86

    V11.0.86

    BI Global Component Selectable is disabled by default.

    Application Scenarios

    1. When a dashboard is displayed on mobile terminals with limited screen size, the table often cannot fully display the data for its limited width and height, and you need to set whether the table and other components are adaptively displayed.

    2. For dashboards with no data changes in short term, frequent refreshes are not required. Therefore, pull down refresh needs to be disabled and button refresh needs to be applied to improve the use experience.

    3. For components in the dashboard, based on the default setting, you need to click a component to activate it before sliding it. To slide the clicked component directly, you can disable BI Global Component Selectable.

    Function Introduction

    Log in to the FineBI system as admin, choose System Management > Mobile Platform > Module Preview Config > Template Setting, and you can configure dashboards.

     

    Setting

    Explanation

    BI Layout Setting

    You can set the layout of mobile templates to Grid Layout or Adaptive Layout.

    Refresh Setting

    You can determine whether dashboards on App and templates and homepages displayed in HTML5 mode can be refreshed by clicking.

    Global Component Selectable

    You can determine whether all dashboards in the project display the component selection effect if you perform interactive operations for components on mobile terminals.

    BI Layout Setting

    You (as admin) can set BI Layout Setting to Grid Layout (default) or Adaptive Layout.

     

    Various components are displayed differently in different layouts on mobile terminals. The following section describes the details.

    Not Adjusting Mobile Layout

    If you preview a dashboard directly without adjusting the mobile layout, one component is displayed in one row by default. The component width adaptively fills the screen, and the component height is adaptively adjusted according to the content.

    iconNote:
    If you click the Save button on the mobile layout setting page, the saved layout (despite no adjustments made) is still not the default layout.


     

    Adjusting Mobile Layout

    Component Type

    Layout

    Adjusting Mobile Layout

    Chart Component

    KPI Indicator Card

    Web Component

    Grid Layout

    Components are displayed according to the customized layout.

    The component is displayed according to the set aspect ratio and not automatically adjusted.

    Adaptive Layout

    Table Component

    Text Component

    Image Component

    Grid Layout

    Adaptive Layout

    Components are displayed according to the positions in the customized layout.

    1. If there is only one component in one row and the component content cannot fill the component height, the component height is adaptively reduced.

    2. If there is more than one component in one row or the component content exceeds the component height, the component is displayed according to the set aspect ratio and not automatically adjusted.

    Refresh Setting

    Function Setting

    You (as admin) can set Refresh Setting to No Refresh (default) or Button Refresh.

     

    The following table describes the application range and mobile effect of No Refresh and Button Refresh.

    Refresh Setting

    Application Range

    Effect

    No Refresh

    DataAnalyst App

    Homepage and dashboard

    No Refresh icon 

    Refresh is not supported.

    Directory, common, and message

    No Refresh icon 

    Refresh is supported.

    HTML5

    Homepage, directory, and dashboard

    No Refresh icon 

    Refresh is not supported.

    Button Refresh

    DataAnalyst App

    Homepage and dashboard (horizontal/filter panel)

    No Refresh icon 

    Refresh is not supported.

    Directory, common, and message

    No Refresh icon 

    Refresh is supported.

    Template (vertical/enlarged)

    Available Refresh icon 

    Button refresh is supported while pull down refresh is not.

    HTML5

    Homepage and dashboard (vertical/enlarged)

    Available Refresh icon 

    Button refresh is supported while pull down refresh is not.

    Directory and dashboard (horizontal/filter panel)

    No Refresh icon 

    Refresh is not supported.

    Demonstration

    If Refresh Setting is set to Button Refresh, the Refresh icon will appear under the dashboard after re-login on mobile terminals, and the effect is shown in the following figure.

     

    Global Component Selectable

    Function Setting

    Global Component Selectable is disabled by default. You can directly perform interactive operations (such as zoom-in, zoom-out and linkage) within a component.

     

    The effect is shown in the following figure.

     清除 00_00_00-00_00_30.gif

    After Global Component Selectable is enabled, the interactive operations can be triggered only when you click the activated components. If the components are not activated, the whole dashboard is scrolled.

    Enabling the Function

    Activation Through a Click

    You can tap a component on mobile phone to activate the component. After activation, the component extends to both sides with shadow effect. (Components are activated by default in horizontal relayout.)

     

    Operation Within a Component

    You can perform interactive operations (such as sliding, zoom-in, zoom-out, and sliding charts) within a component.

    放 00_00_00-00_00_30.gif

    Undo Activation

    1. Clicking the outside of the component can deactivate it.

    2. Sliding the outside of the component can deactivate it.

    3. Sliding the inside of the component to the edge and keeping sliding can deactivate it.

     


    附件列表


    主题: Mobile Terminal
    • 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