Successfully!

Error!

[General]Custom Component Order

  • Last update:  2021-12-15
  • I. Version Instruction

    Mobile version
    App10.0

    II. Problem description

    When the mobile phone is relayout, the order of components is fixed and displayed in order from left to right and top to bottom in the upper left corner.

    1.png

    Some customers have made a template, which is displayed like this on the PC terminal.

    2.png

    This is displayed on the mobile terminal, the indicator comments are all crowded together, and the effect we want to achieve is that there is a comment under each KPI indicator.

    3.png

    At this time, there is no way to relayout the template, so we need to be able to customize the display order of the components in the relayout under the body of the dashboard to achieve the desired effect.

    III. Function introduction

    The parameter pane, body, absolute canvas block, and tab component are all containers. After selection, the mobile terminal panel will display the control sequence.

    Note: Each container only lists the first-level components it contains, including common widgets such as chart blocks, report blocks, and text. If there are absolute canvas blocks and tab components, only the absolute canvas blocks and tab components themselves are listed.

    1)If there is an absolute canvas block or tab component in the body, select body, and in the mobile terminal pane, only the absolute canvas block and tab component are displayed in the sort list, and the sub-components in them are not displayed.

    2)If you want to adjust the order of the absolute canvas block and the components in the tab, select the absolute canvas block or the tab component. For example: Tab component needs to select a specific tab first, and then sort the components in the current tab.

    IV. Example

    Select the body of the dashboard, and the widget sequence will appear in the mobile terminal pane. The widget sequence lists the components in the dashboard body. The components can be dragged to sort. Select the name of the component that needs to be dragged with the left mouse button. Just drop and drag, as shown in the figure below:

    4.png

    After clicking Save, select the App Relayout when previewing on the App terminal to arrange the items in the order in the widget order list.

    Keywords: dashborad, mobile terminal, sequence, component, display

    Attachment List


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

    Doc Feedback