[General]Custom Component Order

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.

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

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.

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.

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.

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:

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