Web Component

  • Last update:July 01, 2024
  • Overview

    Version

    FineBI Version
    HTML5 Mobile Display Plugin VersionFunctional Change

    6.0

    /

    /

    V11.0.83

    Optimized the adaptation effect on mobile terminals.

    6.0.13

    /

    Allows you to pass parameters ${filter component name}, dynamically refreshing links.

    Application Scenario

    You can add links and display pages (like webpages) in the dashboard page through the web component.

    Function

    • Allows you to directly add hyperlinks and display other pages in hyperlinks (can be deleted or changed).

    • Allows you to add relative paths (like /webroot/decision/view/report?viewlet=aggregation report.cpt) to display other templates/reports.

    • Allows you to view the remaining page through a scrollbar if the current component cannot display the entire hyperlink page.

    • Allows component hover (its setting method is the same as the filter component.) and deletion.

    Adding a Web Component

    1. Choose Other > Web Component on the left side operation bar and drag it to the dashboard page.

     1.png

    2. Add the hyperlink www.finebi.com. The component display effect is shown in the following figure.

     2.png

    Displaying Reports in CPT Format

    You can also add relative paths to display other templates/reports in the web component. For example, add the link /webroot/decision/view/report?viewlet=aggregation_report.cpt to the web component. Then the component can display the aggregation report (in cpt format) under the path FineBI/webapps/webroot/WEB-INF/reportlets.

     3.png

    Transferring Parameters Through Web Component

    If a filter component exists in both the dashboard mounted by the web component and the current dashboard, you can transfer the filter component value added in the current dashboard to the filter component in the dashboard of the web component.

     4.png

    1. Copying Dashboard Hyperlinks

    Create a public link for the dashboard that needs to be referenced by the web component and copy the link http://localhost:37799/webroot/decision/link/qXgA

     5.png

    2. Creating Web Components

    Go back to the dashboard being created, add a Web Component, and add a link.

    Add parameters to the link to ensure that the filter component value of the current dashboard can be passed to the filter component of the web component. Here we use an absolute link /webroot/decision/link/qXgA?Contract signing date=${year}.

     


    Link SuffixExplanation

    ?Contract signing date=${year}

    Pass the filter component value year of the current dashboard to the dashboard Contract Signing Date of the web component.

    iconNote:
    If you use the FineReport template to transfer the parameter, the link suffix is &contract_signing_time=${year}, which differs from the dashboard.



     6.png

     

    Hover

    You can hover the web component by choosing  > Hover.

     7.png

    Self-adaptive Height

    The rules for self-adaptive height on mobile terminals are as follows.

    Template Type
    Template LayoutEmbedded Template TypeEmbedded Template Layout

    FineBI

    Self-adaptive layout (Web frames are single-line components.)

    FineReport

    Not self-adaptive for templates in cpt format

    Horizontal self-adaptive for templates in cpt format

    Tick App Relayout on the Mobile tab under Widget Setting > form > body.

    Untick App Relayout on the Mobile tab under Widget Setting > form > body and select Horizontal for Self-adaptation.

    Untick App Relayout and select Area Fixed for Self-adaptation.

    Mobile Terminal

    For example, add a link www.finebi.com to the web component. The effect is shown as follows.

    You can directly search for contents on the page. Click the jump button in the upper right corner of the web component to jump to the FineBI webpage.

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