I. Version
Report server version | JAR package | App version | HTML5 mobile display plugin |
---|---|---|---|
10.0 | 2019-05-20 | 10.2 | V10.2 |
II. Description
Application scenario: Because the default margin cannot be changed, the component style is single, and the component interval cannot be changed, the mobile terminal report display is not flexible and unsightly.
Function introduction: When making dashboard, users can personalize the margins, component intervals and component borders of the mobile terminal. As shown below:
III. Margin and component interval settings
1. Setting objects
Objects that support mobile terminal margin and component interval settings: FRM-body, Tab block
2. Setting steps
1)Condition preparation
The mobile terminal margin and component interval settings must meet any of the following conditions:
Choose adaptive layout for body layout, body and Tab can be set for mobile end margin and component interval. As shown below:
Note: Under this condition, it can be set regardless of whether the mobile phone is relayout or not.
Select absolute layout for body layout, and select APP relayout for mobile terminal. Body and Tab can be set for mobile terminal margins and component intrerval. As shown below:
2)Margin settings
The inner margin refers to the distance between the component and the container, and the component interval refers to the distance between the components under the container.
The margins and component intervals of the mobile terminal are defaulted to 4, which can be modified by the user. As shown below:
Note: The set margins and component intervals are only valid for the components under the current container. If there are nested containers, the sub-containers use their own settings.
If the setting value of each component is different, it can be realized through adaptive layout nested Tab layout.
3. Effect preview
1)PC
Mobile terminal settings have no effect on the PC terminal
2)Mobile
App
From left to right are the renderings with no margins and no intervals, the default margins and intervals are 4, and the margins and intervals are both 10. As shown below:
Note: Setting the margin and interval of the mobile terminal does not affect the visible area of the designer template.
HTML5
From left to right are the renderings with no margins and no intervals, the default margins and intervals are 4, and the margins and intervals are both 10. As shown below:
Note: HTML5 mobile display plugin needs to be installed.
IV. Component style settings
1. Setting objects
Objects that support component border settings: FRM report block, chart block
2. Setting steps
Choose Component>Attributes>Bcakground Style and set the border and rounded corner. The default value is 0.
Note: If the border thickness is none, the rounded border effect cannot be displayed.
3. Effect preview
1)PC
From left to right are the renderings with the default right-angled border and the rounded corner value of 30. As shown below:
2)Mobile
App
From left to right are the renderings with the default right-angled border and the rounded corner value of 30. As shown below:
HTML5
From left to right are the renderings with the default right-angled border and the rounded corner value of 30. As shown below:
Note: For other contents of the dashboard framework style, please refer to the Dashboard framework style