I. Overview
The mobile terminal supports displaying a custom background
Standardize the definition and display effect of the background
II. Regular report
1. Report background
The mobile terminal supports the display of the Report Background of ordinary reports, including: Color, Picture, Texture, Pattern, and Gradient.
After the report background is set in the designer, when previewing on the mobile terminal, the corresponding display is the background of the entire central body.
2. Cell background
The mobile terminal supports the display of cell backgrounds in regular reports, including: Cell background, Chart area background, and Drawing area background.
Set Cell>Background, it can be displayed on the mobile terminal.
Set Cell Chart>ChartArea Background/Drawing Area Background, which can be displayed on the mobile terminal.
Cell background supports color, picture, texture, pattern, gradient
Cell chart background supports color, picture, and gradient
After setting the background of the cell and the cell chart, the corresponding area is displayed in the same color as PC terminal
III. Dashboard
1. Body background
The mobile terminal supports the display of the body background of the dashboard.
The main background of the dashboard supports color, picture, and gradient
After the main background of the dashboard is set, it corresponds to the main background of the entire central part of the App
After the main background of the dashboard is set, the client will recognizeCustomer use custom style. At this time, if the component in the dashboard does not have a separate background color, the main background of dashboard will be displayed, corresponding to the entire central main background
2. Component background
The mobile terminal supports the display of the background of the report block and chart block of the dashboard.
SetReport block/Chart block>Component Attributes> Advanced> Body BG, which can be displayed on the mobile terminal.
Report block and chart block background support colors, pictures, gradient colors
After setting the component background for the report block and chart block, it corresponds to the color of the main body of the template component in the mobile terminal
App and HTML5 mobile terminal display plugins in V10.4.76 and later versions support the transparency setting of the background color.
3. Chart background
The mobile terminal supports displaying Title background,Chart area background, and Drawing area background of the chart in the dashboard.
Set the dashboard Chart> Widget Attributes> Style> Title> Background, which can be displayed on the mobile terminal.
Set the dashboard Chart>Chart Attributes>Background>Drawing Area, which can be displayed on the mobile terminal.
The chart title/chart background in the dashboard supports Color, picture, and gradient.
After setting the title background of the chart in the dashboard, it corresponds to the title style of the chart in the mobile terminal template. At this time, the background and title font color of the title do not use the default, but the set color. However, the font and size of the title are still uniform.
After setting the background of the chart drawing area in the dashboard, it corresponds to the color of the chart drawing area in the mobile terminal template.
4. Widget background
The background color of the dashboard widget needs to be set separately. Select the widget and click Mobile Terminal> Style Template:
1) When the attribute is set toDefault, the widget background is not set, and the widget background defaults to white
2) When the attributeis set to Custom, the widget background can be set.
3) If the background of the widgetis set to be transparent, the background of the widgetis displayed as the main background.
5. Tab block background
The mobile terminal supports displaying the background of the Tab block of dashboard. The supported attributes and effects are shown in the following table:
Attributes | Support or not | Remark |
---|---|---|
Frame style | Not support | - |
Rendering style | Not support | - |
Border thickness | Partial support | Set the border to none, at this time, the outermost layer of the Tab component has no border Set the border, no matter the thickness is set, the mobile terminal will display a uniform thickness |
Border color | Support | After setting the color, the color of the outer layer of the Tab component and the border below the title will change accordingly |
Rounded corners | Not support | - |
Main background | Support | Support the subject to set the color, picture, gradient color background |
Transparency | Partial support | App and HTML5 mobile terminal display plugins in V10.4.76 and later versions support the transparency setting of the Tab block. |
Title font size | Support | The font size of the title can be set, but the height of the title area remains the same |
Headline font | Not support | Unified display as system font |
Title color | Support | After setting the title color, the title and the selected underline below will display the corresponding color The unselected Tab text color is the set title color + 0.6 opacity |
Title slanted | Support | - |
Bold title | Support | - |
Title underline | Not support | - |
Title background | Support | Support setting the background of the title area as color or gradient |