Successfully!

Error!

[General] Background Color Specification

  • Last update:  2021-12-17
  • 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.

    1.png


    • 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.

    2.png

    Set the  dashboard Chart>Chart Attributes>Background>Drawing Area, which can be displayed on the mobile terminal.

    3.png

    • 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.

    4.png


    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 styleNot support-
    Rendering styleNot 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 colorSupportAfter setting the color, the color of the outer layer of the Tab component and the border below the title will change accordingly
    Rounded cornersNot support-
    Main backgroundSupportSupport the subject to set the color, picture, gradient color background
    TransparencyPartial supportApp and HTML5 mobile terminal display plugins in V10.4.76 and later versions support the transparency setting of the Tab block.
    Title font sizeSupportThe font size of the title can be set, but the height of the title area remains the same
    Headline fontNot supportUnified display as system font
    Title colorSupport

    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 slantedSupport-
    Bold titleSupport-
    Title underlineNot support-
    Title backgroundSupportSupport setting the background of the title area as color or gradient

    Attachment List


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

    Doc Feedback