Showing the Dashboard Viewer in iframe

Reports Dashboards Forms Solutions for Creators

UltimateBest Value

A complete set of libraries and scripts for reporting and data analysis, with report and dashboard designers and viewers for 35+ frameworks, platforms, and technologies.

Reports.PYTHON

Python, Flask, Django, Tornado

Python 3.10+

Reports.WEBMost Popular

ASP.NET, ASP.NET Core, MVC, Razor

.NET Framework 4.5.2+ | .NET 6.0+

Reports.JSMost Popular

JavaScript, Node.js, Angular, React, Vue

Web browser | Node.js 16+

Reports.NET

WinForms

.NET Framework 4.5.2+ | .NET 6.0+

Reports.WPF

WPF platform

.NET Framework 4.5.2+ | .NET 6.0+

Reports.JAVA

Java, Jakarta EE (Web)

Java SE 8+

Reports.PHP

PHP, Laravel

PHP 7.1+

Reports for Angular

All actively supported versions

.NET Framework 4.5.2+ | .NET 6.0+

Reports for Blazor

Blazor Server, Blazor WASM

.NET 6.0+

Reports for Avalonia

Avalonia UI

.NET 6.0+

Reports for React

All actively supported versions

.NET Framework 4.5.2+ | .NET 6.0+

Reports for Vue.js

Vue.js 3+

.NET Framework 4.5.2+ | .NET 6.0+

More info about our products Compare products

UltimateBest Value

A complete set of libraries and scripts for reporting and data analysis, with report and dashboard designers and viewers for 35+ frameworks, platforms, and technologies.

Dashboards.PYTHON

Python, Flask, Django, Tornado

Python 3.10+

Dashboards.WEB

ASP.NET, ASP.NET Core, MVC, Razor

.NET Framework 4.5.2+ | .NET 6.0+

Dashboards.JS

JavaScript, Node.js, Angular, React, Vue

Web browser | Node.js 16+

Dashboards.WIN

WinForms, WPF

.NET Framework 4.5.2+ | .NET 6.0+

Dashboards.BLAZOR

Blazor Server, Blazor WASM

.NET 6.0+

Dashboards.ANGULAR

All actively supported versions

.NET Framework 4.5.2+ | .NET 6.0+

Dashboards.PHP

PHP, Laravel

PHP 7.1+

More info about our products Compare products

UltimateBest Value

A complete set of libraries and scripts for reporting and data analysis, with report and dashboard designers and viewers for 35+ frameworks, platforms, and technologies.

PDF Forms

ASP.NET, MVC, Angular

.NET Framework 4.5.2+ | .NET 6.0+

More info about our products Compare products

Cloud

A cloud service to quickly and efficiently analyze and visualize data for your business without creating your applications and programming.

Designer

A sturdy product that runs on any computer and any platform.

Server

A complete set of tools for working with reports and dashboards, as well as user management and automation tools.

More info about our products Compare products

Products ✖Dashboards.JS ✖Viewer ✖

The dashboard viewer can be hosted inside an iframe to keep its scripts and styles isolated from the host page.

Embed a viewer page in an iframe.

<iframe style="width: 1100px; height: 600px"
        src="Using the Full-Screen Mode in the Viewer.html"></iframe>

The src points to a standalone page that builds the dashboard viewer with the usual Dashboards.JS code.
The iframe sandboxes the viewer's scripts and CSS so they cannot clash with the surrounding page.

How it works. The viewer lives in its own document, so it integrates into any host page without sharing its stylesheet or global scope.
In the screenshot below you can see the result of the sample code: