Showing the Dashboard Designer 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 ✖Designer ✖

Like the viewer, the dashboard designer can be embedded inside an iframe to isolate its scripts and styles from the host page.

Embed a designer page in an iframe.

<iframe style="width: 800px; height: 400px"
        src="Using the Full-Screen Mode in the Designer.html"></iframe>

The src page builds the designer with the standard Dashboards.JS code and loads a template.
The iframe keeps the designer's editor scripts and CSS separate from the surrounding application.

How it works. The full designer runs in its own document, so it drops into any page without style or scope conflicts.
In the screenshot below you can see the result of the sample code: