Web Component

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

Version

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.

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.

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

Setting Content

Web Component allows you to insert weblinks.

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.

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.

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.