Working with onDesign and onExit events - Code examples

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.PYTHON ✖Viewer ✖Designer ✖Events ✖

The viewer and designer can be combined into one edit-and-preview workflow using the viewer's onDesignReport and the designer's onExit events, served from two routes.

Viewer route: enable the Design button.

viewer = StiViewer()
viewer.onDesignReport += 'viewerDesign'
viewer.options.toolbar.showDesignButton = True

Designer route: handle Exit and Save.

designer = StiDesigner()
designer.onExit += 'designerExit'
designer.onSaveReport += saveReport
designer.options.toolbar.showFileMenuExit = True

onDesignReport → a JS handler that navigates to the designer route.
onExit → a JS handler that navigates back to the viewer route; onSaveReport persists edits.

How it works. Two routes and a pair of events link preview and editing, so users move between viewer and designer within one workflow.

View on GitHub Download

Hi. Need any help?