Iframe

Use cases

You can integrate external information, tools, or applications directly into your Quick BI dashboard. Common scenarios include:

• Displaying internal company announcements.

• Embedding real-time external data sources, such as stock tickers or weather forecasts.

• Linking to knowledge bases or documentation pages related to the current analysis.

• Integrating online tools or calculators that can be used alongside your data.

Users can access essential web resources without leaving the dashboard.

Limitations

• Prerequisites: You must have a dashboard. For more information, see Create a dashboard and Chart overview.

• The iframe control has the following limitations:

  • HTTPS protocol requirement: For security reasons, the URL for the iframe control must start with https://. Embedding pages that use the http:// protocol is not supported.

  • Target page embeddability: Not all web pages can be embedded in other websites. If the target page uses X-Frame-Options or Content-Security-Policy HTTP headers to prevent embedding, it might not display correctly in the iframe control, even with a valid HTTPS URL.

  • Content independence: The content loaded in the iframe control is independent. It cannot directly interact with the data in your Quick BI dashboard. For example, the embedded content cannot be automatically updated based on dashboard filters.

  • Network and permissions: Users' browsers must be able to access the embedded URL. If you embed a page from an internal system, ensure that users have the necessary access permissions and network connectivity.

Procedure

Follow these steps in dashboard edit mode to add and configure an iframe control.

1. Add an iframe control: On the dashboard edit page, click the icon in the top menu bar to add an iframe control.

   

2. Configure URL: On the right side of the page, on the Style tab, enter a URL in the Link section. After the configuration is complete, the linked webpage is displayed in the IFrame control.

   

   Note

   The URL must be an HTTPS address.

3. Manage the control: Click the icon in the upper-right corner of the control to open the management menu. You can perform the following operations:

   Actions	Description
   Move to	Moves the IFrame to another tab.
   Copy	Creates a copy of the IFrame.
   Paste	Pastes the copied IFrame onto the dashboard.
   Embed Block	Embeds the component as a block, allowing it to be viewed independently.
   Performance diagnostics	Analyzes the IFrame's performance and provides optimization suggestions.
   Delete	Removes the IFrame from the dashboard.