Successfully!

Error!

Web Component

  • Last update:  2023-08-23
  • Overview

    This document is applicable to users who have installed the Data Portal plugin to learn plugin functions.

    Version

    Report Server Version

    Data Portal Version

    Functional Change

    11.0.8

    V1.4

    /

    Function Description

    The data portal supports Web Component as a way for users to invoke other web resources (webpages and other templates under the project) in the data portal dashboard.

    This document introduces how to use Web Component in the data portal dashboard.

    web组件-预览1.gif

    Adding a Component

    Log in to the decision-making platform as admin, choose System Management > Data Portal > Portal Management, and click Add Portal to create a data portal dashboard, as shown in the following figure.

     

    On the data portal editing page, click Other and click/drag Web Component into the data portal, as shown in the following figure.

     

    Component Content

    Select a component. Then you can set the component content on the right.

    Setting Content

    Web Component allows you to insert weblinks.

    Link Content

    Link Type

    Link Example

    Template

    Absolute path

    Ensure that the current server can access the website.

    Example:   http://localhost:8075/webroot/decision/view/report?viewlet=/doc/frm/xxx.frm

    Relative path

    Only templates under the current project can be   accessed.

    Example: /webroot/decision/view/report?viewlet=/doc/frm/xxx.frm

    Resource

    Absolute path

    Ensure that the current server can access the website.

    Example: https://www.fanruan.com/

    Relative path

    You need to save the resource file to the path %FR_HOME%\webapps\webroot.

    Example: /webroot/png

    Effect Display

    The weblink content is displayed in the web component, as shown in the following figure. 

    1. Content adaptation: The adaptive way of the original weblink content prevails. That is to say, the display way of web content in the web component is the same as that of original weblink content in a browser window.

    2. Content hyperlink: A hyperlink (if any) in the webpage will be opened in a new tab by default.

    web组件-预览1.gif

    Component Style

    Select a component. Then you can set the component style on the right.

    You can set only the component background for the component style of text components. You can set Component Background to Color or Custom Image.

    ·       Color: You can select a single color and set its transparency.

    ·       Custom Image: You can upload local JPG/PNG/GIF/BMP image files. These images are adapted to the component by default.

     

    Other Settings

    Deleting a Component

    Select a component and click  to delete the component, as shown in the following figure.

     

    Adjusting a component

    Hover your mouse over a component, and drag the dotted box popped up to resize and relocate the component, as shown in the following figure.

     web组件-移动.gif

     

     


    Attachment List


    Theme: Decision-making Platform
    Already the First
    Already the Last
    • Helpful
    • Not helpful
    • Only read

    Doc Feedback