Overview
Version
| FineBI Version | HTML5 Mobile Display Plugin Version | Functional 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.
2. Add the hyperlink www.finebi.com. The component display effect is shown in the following figure.
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.
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.
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.
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 Suffix | Explanation |
|---|---|
?Contract signing date=${year} | Pass the filter component value year of the current dashboard to the dashboard Contract Signing Date of the web component. |
Note:
Hover
Self-adaptive Height
The rules for self-adaptive height on mobile terminals are as follows.
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.
