FVS iFrame Component

Applicable scenarios: Users who have installed the "FVS Large Screen Editing Mode" plugin can refer to this article to learn about the related functions of the FVS template.

1. Version

2. Function introduction

The "iFrame Component" is mainly used to introduce web pages and other templates under the project into the FVS template. As shown below:

Note: This article only introduces the unique functions of the iFrame component, and other attributes are not repeated.

For component interaction, please refer to: FVS Component Frame Interaction Attributes

For component animation, see: FVS Component Frame Animation Attributes

For component attributes, please refer to: FVS Component Attributes

Create a new big screen dashbaord:

Add a iFrame Component to the page, and "Add a path in the right panel" is displayed by default. As shown below:

The FVS iFrame component supports two types of path addresses: web page path and template path.

1. URL

A web page path is a URL path.

For example, enter https://www.fanruan.com/en/ in the URL box to preview the content of the webpage. As shown below:

2. Template Path

The template path can select all templates in the current report server %FR_HOME%\webroot\WEB-INF\reportlets directory, including general reports, dashboards and FVS large screen templates.

The iFrame component supports setting default parameter values. The parameter value supports string and numeric types. As shown below:

If parameters are set, the user can choose the parameter transfer method: GET or POST. As shown below:

The user can choose the appropriate parameter transfer method according to the actual situation, and "GET" is selected by default.

In "iFrame Setting", users can choose whether to check Show scroll bar, as shown in the following figure:

1) If you do not check "Show scroll bar", the scrollbar will be hidden. The webpage embedded in the webpage frame does not support scrolling up, down, left and right to view the webpage content. As shown below:

2) If "Show scroll bar" is checked, if the web page frame cannot fully display the entire web page:

The user can drag the scroll bar on the iFrame to view the content of the webpage; or move the mouse to the webpage frame and use the mouse wheel to scroll the page.

For the completed template, please refer to: 

FVS iFrame Component Example.fvs