Table Background

  • Last update:  2024-04-26
  • Overview

    Version

    FineBI Version
    Functional Change

    6.0

    -

    Application Scenario

    You may need to customize and beautify the background style of the table.

    For example, you can set Title Background to Color and select Auto, and set Component Background to Component Style and select Data Dashboard Style, as shown in the following figure.

    Function Description

    FineBI allows you to customize the title background and component background of components.

    Background Setting Instructions

     Applied Scope

     Group table, cross table, and detail table.

    Function Entry

    Choose Component Style > Background on the component editing page. You can set Title Background and Component Background of the component.

    Function Description

    Setting
    Function

    Title Background

    You can set Color and Title Style.

    1. Color: You can select Auto or TransparentYou can also customize color.

    The default selection is Auto, which sets color according to the template theme.

    2. Title Style: You can select Custom Image or select from other built-in styles.

    If you select Custom Image, the uploaded image will be saved in the %FineBI 6.0%\webapps\webroot\WEB-INF\assets\temp_attach path.

    The built-in styles include Title Underline, Title Double Line, Title Overline, Sci-fi Title Decoration, Business Title Decoration, and Fresh Title Decoration.

    Component Background

    You can set Color and Component Style.

    1. Color: You can select Auto or Transparent You can also customize color. Besides, you can set Rounded Corner and Border.

    The default selection is Auto, which sets color according to the template theme.

    The value of Rounded Corner supports integers from 0 to 6.

    The value of Border supports integers from 0 to 5. Besides, the border color supports the selection of Auto (default selection, which sets color according to the template theme) or Transparent. You can also customize the border color. .

    2. Component Style: You can select Custom Image or select from other built-in styles.

    If you select Custom Image, the uploaded image will be saved in the %FineBI 6.0%\webapps\webroot\WEB-INF\assets\temp_attach path.

    The built-in styles include Sci-fi Dashboard Style, Data Dashboard Style, Dynamic Sci-fi StyleKPI Style, and Red Component Style.

    Example

    Preparing Data

    1. Log in to FineBI, click My Analysis, select a folder, and click New Subject.

    2. Click Local Excel and click Upload Data.

    You can download the sample data: Regional Data Analysis.xlsx.

    3. Click OK after the data is uploaded.

    4. Click Save and Update and Exit and Preview. The data is created successfully.

    Creating a Component

    1. Click the Component tab in the lower left corner, as shown in the following figure.

    2. Select Group Table in Chart Type.

    3. Drag the Time of Contract field and the Received Payment field from the left analysis area to Dimension and Indicator respectively, as shown in the following figure.

    4. Click the drop-down button of the dimension field Time of Contract and select Year, as shown in the following figure.

    Setting Table Background

    Set the title background color of the table to Auto, and the component background to Data Dashboard Style.

    1. Choose Component Style > Background.

    2. Set Title Background to Color and select Auto.

    3. Set Component Backgound to Component Style and select Data Dashboard Style.

    Creating a Dashboard

    1. Click Add Dashboard at the bottom of the analysis subject editing page.

    2. Drag the component into the dashboard on the dashboard editing page, as shown in the following figure.

    3. Select Edit Title from the drop-down list, set Font Style to Custom, enter the title as Table Background, and click OK.

    Effect Display

    On PC

    On Mobile Terminals

    附件列表


    主题: Creating a Visual Component
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy