FVS Event of Jumping to Web Link/Popup Box

This document is applicable to users who have installed the FineVis Data Visualization plugin to learn operations related to FVS dashboards.

Version

Application Scenarios

You can open a webpage/another template and pass parameters in the current window/a new window or through a popup box and pass parameters by clicking the title component, the series/classification of the chart component, or the three-dimensional component data layer in the FVS template.

The effect is shown in the following figure.

Function Introduction

Select a component, choose Interaction > Click > Add Click Event, and click URL/Popup Box. Then you can add an event in the pop-up setting box.

Note:

The Click event is not supported in some components.

The following table introduces each setting item of attributes.

Settings	Description
Event Name	You can customize the event name which cannot be empty and same as that of event in the current component.
Open Type	You can set Open Type to New Window, Current Window, or Popup Box. Style is supported only when Popup Box is set. Note: If you open a template mounted in the decision-making platform, with the open type set to New Window or Current Window, you will open the new tab page or the current tab page of the platform. The Style setting items of Popup Box are shown in the following figure. Note: The Style setting items do not take effect on mobile terminals. Display Position can be set to Centered Display or Dynamic Display. Association Line can be set if you select Dynamic   Display, allowing you to set the color of the association line between the triggered object and the popup box and set opacity for the color. Size refers to the width and height of the popup box. Title (event name) can be set to show or hide, and its font, color, and alignment method   can also be set. Border of the popup box can be set to None, Color, My Resource, or Custom Upload, and its opacity can also be set. The setting method is the same as that of component border. Padding refers to the distance between the content and the popup box margin.
Content URL	Web Link 1. Absolute path Webpage: Ensure that the current server can assess the URL. https://community.finereport.com/ Template: Ensure that the current server can assess the URL. http://localhost:8075/webroot/decision/view/report?viewlet=GettingStarted.cpt 2. Relative path Webpage: Save resource files to the path %FR_HOME%\webapps\webroot. Example: /webroot/1.png Template: Save template files to the path %FR_HOME%\webapps\webroot\WEB-INF\reportlets. Example of general reports:  /webroot/decision/view/report?viewlet=GettingStarted.cpt Example of FVS templates: /webroot/decision/view/duchamp?viewlet=The First FVS Dashboard.fvs 3. You can insert formulas in Web Link.
	Template Link Select Template Link and Select Template appears on the right. You can click Select Template to choose any report file in the current project.
Parameter	Supported parameters include: 1. Component Field: Parameter content can be combined with component content, such as map area name and column chart series name. 2. Formula: You can enter customized formulas. 3. Custom: You can enter texts directly.

Creating a Template

Choose File > New FineVis Visualization Dashboard to create a blank dashboard, set the dashboard name to FVS Example of Jumping to Web Link or Popup Box, and click Create Dashboard.

Data Preparation

2. Create a database query ds1 with the SQL query statement SELECT * FROM Sales_Volume.

Adding a Pie Chart Component

On the Page1, choose Chart > Pie, click Pie, and a pie chart component is added on the page.

Select the component, choose Content > Data in the setting area, and set the dataset to ds1, series name to Region, and value to Sales_Volume.

Setting Web Link/Popup Box Event

Select the pie chart component, choose Interaction > Click > Add Click Event, and click URL/Popup Box.

Set the event name to Sales Details in the pop-up setting box.

Set the open type to Popup Box.

Set the content URL to Template Link, click Select Template, and select the built-in GettingStartedEN template in CPT format.

Set the parameter name to Region (same as that of the GettingStartedEN template in CPT format), the parameter type to Component Field, and value to series name.

Setting Popup Box Style

Dynamic Display

Set the display position to Dynamic Display and finish other settings as needed. The settings in this example are shown in the following figure.

Centered Display

After you finish settings on the Page1, copy the page and paste it, and you can change the settings on the new page.

Set the display position to Centered Display, tick Display Title (namely this event name), and you can set the title text style.

Demonstration

On PC

Save the template and click Preview to preview it. The effect is shown in section "Application Scenarios."

On Mobile Terminal

In dynamic display, the current display effect corresponds to the original popup box effect, that is, a popup box with fixed style is opened.

In centered display, the current display effect corresponds to the original web link effect, that is, a hyperlink is opened in the current window.

Click to download the template: FVS Example of Jumping to Web Link or Popup Box.fvs

Recommended Document