Text Component Overview

  • Last update:September 09, 2025
  • Overview

    Version

    FineBI Version

    App Version

    /HTML5 Mobile Display Plugin

    BI6.0 Mobile Layout Edit Page HTML5 PluginFunctional Change

    6.0

    /

    /

    /

    6.0.13

    /

    /

    Supported Top Align, Bottom Align, and Vertical Alignment of the text components.

    6.0.16

    V11.0.88

    V6.0.24.20231215

    • Separately setting rich texts supported by text components on the mobile terminals.

    • Top Align and Bottom Align of the text components supported on mobile terminals.

    6.1.5

    /

    /

    • Supported Ordered List and Unordered List of the text components.

    • Supported adding all the fields under the current subject to the text components.

    • Supported displaying detailed values in unlinked and unfiltered All scenarios after fields are inserted into the text components.

    Application Scenario

    You can use the text component to insert customized texts in dashboards, as shown in the following figure.

     4-4.png

    Function Description

    Text effects such as text explanation or dynamic customized titles are supported. You can insert text components in the dashboard editing page, add text content or analysis fields within the component, and beautify its style. Then the text component is configured.

    Using the Text Component to Add Text

    Text Component Adding

    Click Other, select Text Component on the toolbar, and drag it to the dashboard page.

    Click on the text component to directly enter text, manual entering and pasting of the required text content are supported, as shown in the following figure.

    iconNote:
    Only font styles that are compatible with the text component configuration are supported. Special styles are not supported. For details, see Unsupported Special Characters in a Dashboard.

    4-1.png

    Editing Text Styles

    The text component allows you to edit the text component with the entered text. The following functions are supported, as shown in the following figure.

    • Font edition: You can set font style, font size, bold, italic, underline, font color, and background color.

    • Alignment settings: You can set left or right alignment, top or down alignment, and add ordered sequence numbers and unordered sequence numbers.

    • Others: You can add hyperlinks and add fields.

     4-2.png

    Common Scenarios for the Text Component

    Setting Different Styles for the Text Component Text

    Different styles can be set for different entered text. For example, set the XXX Company Business Analysis Dashboard field to Center and Vertically Alignment, its font size to 28, and the font color to yellow, bold it, and set the background color to dark blue, as shown in the following figure.

     image.png

    Then set other texts, as shown in the following figure.

     4-4.png

    iconNote:
    The PingFang font only works on macOS. PingFang is the default font on macOS, while Microsoft YaHei is the default one on Windows.

    Text Component Changing with Filtering Conditions

    You may want the text component to change dynamically based on the filter conditions set by the filter component.

     4-5.gif

    For details, see Field Insertion in Text Component.

    Text Component Linkage

    You may want the text component to change dynamically based on the chart data, namely, achieving the function of dynamically displaying text contents.

     4-6.gif

    For details, see Field Insertion in Text Component.

    Jumping from Text Component to a Hyperlink

    Hyperlinks can be added to the text component, as shown in the following figure.

     4-7.png

    Click the inserted hyperlink. Then you will be redirected automatically to the target page, as shown in the following figure.

     4-8.gif

    iconNote:
     If you want to jump from the text component to the dashboard, simply use the corresponding dashboard hyperlink.

    Mobile Terminal

    In V11.0.88 and later versions, you can set the rich text of the component in Mobile Layout. PC and the mobile terminal do not affect each other.

    The following figure shows the entries.

     4+3.png

    The following figure shows the final effect.

    iconNote:
    The font style is not compatible with the mobile terminals.

    4+2.png

    Note: You can click Restore Desktop Style Configuration, and click OK to make the style on the mobile terminal consistent with the PC style, as shown in the following figure.

     4+1.png

    附件列表


    主题: Creating a Dashboard
    Previous
    Next
    • 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