Successfully!

Error!

[General]Mobile Tab Panel Style

  • Last update:  2020-12-14
  • I. Overview

    The mobile terminal provides a variety of tab display effects, and you can choose the appropriate style according to the scenario.

    You will learn
    • Setting Mode


    • Introduction to the Style

      • Default Style

      • Up Menu Style

      • Down Menu Style

      • Slider Style

      • Unite Style

    • Freezing of Tab Panel

    II. Setting Mode

    Add a tab block to dashboard, select tabpane and click on the Mobile Terminal to set attributes. As shown the figure below:

    III. Introduction to the Style

    1. Default Style

     

    2. Up Menu Style

     

    3. Down Menu Style

     

     

    4. Slider Style

     

    Note 1: under the Slider Style, you cannot slide chart blocks and report blocks inside the tab, but you can zoom in the modules to trigger the sliding of them.

    Note 2: under the Slider Style, chart modules inside the tab cannot be activated.


    5. Unite Style

    IV. Freezing of Tab Panel

    When using multiple tabs, or when there are too much contents in a single tab, you cannot quickly switch tab titles after pulling down. For the convenience of switching tabs, the tab panel on the mobile terminal supports freezing.

    Set the attributes for the Mobile Terminal to re-layout.When displaying a template on a vertical screen, slide the tab page up and down.

    • When the Tab Style is set to Up Menu Style, Default or Unite Style, the tab panel will be always fixed at the top of the page.

    • When the Tab Style is set toSlider Style, you can switch tabs without displaying the tab panel.

    • When the Tab Style is set to Down Menu Style, the tab panel will be always fixed at the bottom of the page.

    Attachment List


    Theme: Fine Mobile
    Already the First
    Already the Last
    • Helpful
    • Not helpful
    • Only read

    Doc Feedback