Adding a Custom Component to the Designer / Reports.NET / .NET Framework

You can extend the designer with your own report components that users can drop onto a report like any built-in element.

Adding a Font to the Resource / Reports.NET / .NET 6.0

Embedding a font as a report resource makes the template self-contained.

Adding a Font to the Resource / Reports.NET / .NET 8.0

Embedding a font as a report resource makes the template self-contained.

Adding a Font to the Resource / Reports.NET / .NET Framework

Embedding a font as a report resource makes the template self-contained.

Changing the Viewer and Designer Theme / Reports.NET / .NET Framework

Embed the report designer in .

Connecting to Data from Code / Reports.NET / .NET 6.0

Reports are usually bound to data at design time, but you can also supply the data entirely from code.

Connecting to Data from Code / Reports.NET / .NET 8.0

Reports are usually bound to data at design time, but you can also supply the data entirely from code.

Connecting to Data from Code / Reports.NET / .NET Framework

Reports are usually bound to data at design time, but you can also supply the data entirely from code.

Connecting to Data from Code / Reports.NET / .NET Core 3.1

This sample project demonstrates how to connect to data from the code.

Creating Chart at Runtime / Reports.NET / .NET Framework

A chart can be built entirely in code and placed on a report page at run time — no template required.

Creating Report at Runtime / Reports.NET / .NET 6.0

A whole report — pages, bands and components — can be assembled in code, without a pre-designed .

Creating Report at Runtime / Reports.NET / .NET 8.0

A whole report — pages, bands and components — can be assembled in code, without a pre-designed .

Creating Report at Runtime / Reports.NET / .NET Framework

Build the report in .

Creating Report at Runtime / Reports.NET / .NET Core 3.1

This sample project shows the possibility of creating a report at runtime.

Creating Report Using Business Objects at Runtime / Reports.NET / .NET Framework

This example shows how to create a report with the Business Objects collection from code.

Creating Report with Cross-Tab at Runtime / Reports.NET / .NET Framework

This sample shows how to create a report with the Cross-Tab component from code.

Creating Report with Table at Runtime / Reports.NET / .NET Framework

This example shows how to create a simple report with table in Runtime.

Customizing the Viewer / Reports.NET / .NET Framework

Every part of the WinForms viewer — toolbar, side panels, scrollbars — can be shown or hidden at run time through the StiViewerControl properties.

Drilling Down Report in Live / Reports.NET / .NET Framework

Interactive drill-down lets a click on a report element open a second, filtered report — all live in the viewer, without regenerating the whole document.

Editing a Report Template in the Designer / Reports.NET / .NET 6.0

Your application can host the full Stimulsoft report designer so users edit templates themselves.

Editing a Report Template in the Designer / Reports.NET / .NET 8.0

Your application can host the full Stimulsoft report designer so users edit templates themselves.

Editing a Report Template in the Designer / Reports.NET / .NET Framework

Your application can host the full Stimulsoft report designer so users edit templates themselves.

Editing a Report Template in the Designer / Reports.NET / .NET Core 3.1

This sample project demonstrates how to edit a report in the designer.

Export Rendered Report to the PDF File / Reports.NET / .NET Framework

This sample project demonstrates how to render and export some different reports to one PDF file.

Exporting a Report from Code / Reports.NET / .NET 6.0

A rendered report can be sent straight to the printer or exported to any supported format from code — no viewer required.

Exporting a Report from Code / Reports.NET / .NET 8.0

A rendered report can be sent straight to the printer or exported to any supported format from code — no viewer required.

Exporting a Report from Code / Reports.NET / .NET Framework

A rendered report can be sent straight to the printer or exported to any supported format from code — no viewer required.

Exporting a Report from Code / Reports.NET / .NET Core 3.1

This sample project demonstrates how to export reports to the necessary format from code.

Exporting a Report to ZUGFeRD PDF / Reports.NET / .NET Framework

ZUGFeRD embeds a structured XML invoice inside a PDF/A file, producing a document that is both human-readable and machine-processable.

Exporting Many Files to Single PDF / Reports.NET / .NET Framework

Render the report in .

Globalizing Reports / Reports.NET / .NET Framework

A report can be rendered in different languages and regional formats by assigning a GlobalizationManager with the target culture before rendering.

Localizing the User Interface / Reports.NET / .NET 6.0

The viewer and designer interface can be shown in different languages by loading localization files.

Localizing the User Interface / Reports.NET / .NET 8.0

The viewer and designer interface can be shown in different languages by loading localization files.

Localizing the User Interface / Reports.NET / .NET Framework

The viewer and designer interface can be shown in different languages by loading localization files.

Localizing the User Interface / Reports.NET / .NET Core 3.1

This sample project demonstrates how to localize the user interface.

Managing Reports with Sub-Reports / Reports.NET / .NET Framework

A master report can host sub-reports that pull their own data, letting you compose complex documents from independent templates.

Previewing a Report with AutoUpdate in Realtime / Reports.NET / .NET Framework

Components of an already-rendered report can be changed on the fly and reflected in the viewer immediately — the basis for live, animated previews.

Print Data Grid from Code / Reports.NET / .NET Framework

This example shows how to print Data Grid from code.

Rendering a Report in the Thread / Reports.NET / .NET Framework

Rendering a large report on a background thread keeps the UI responsive and lets you report progress as pages are built.

Rendering and Exporting a Report Asynchronously / Reports.NET / .NET Framework

Compiling, rendering and exporting a report through the async API keeps the UI thread free, so the window stays responsive during long operations.

Rendering Several Reports in the Thread / Reports.NET / .NET Framework

This example shows how to render several reports in the thread.

Saving and Loading a Report in the Designer / Reports.NET / .NET Framework

The designer raises events when a report is saved or loaded, letting you intercept storage — save to your own location, log, or validate.

Showing a Progress while Rendering a Report / Reports.NET / .NET Framework

Rendering on a BackgroundWorker lets you show a live progress bar while a large report builds, then display it when finished.

Showing a Report in the Viewer / Reports.NET / .NET 6.0

Set up the report viewer in .

Showing a Report in the Viewer / Reports.NET / .NET 8.0

Set up the report viewer in .

Showing a Report in the Viewer / Reports.NET / .NET Framework

Set up the report viewer in .

Showing a Report in the Viewer / Reports.NET / .NET Core 3.1

This sample project demonstrates how to show report in the viewer.

Testing Memory Usage in EngineV1 and EngineV2 / Reports.NET / .NET Framework

Stimulsoft ships two rendering engines.

Using a Custom Data Adapter / Reports.NET / .NET 6.0

Stimulsoft supports many databases out of the box, but you can plug in your own data adapter for a source that is not built in.

Using a Custom Data Adapter / Reports.NET / .NET 8.0

Stimulsoft supports many databases out of the box, but you can plug in your own data adapter for a source that is not built in.

Using a Custom Data Adapter / Reports.NET / .NET Framework

Stimulsoft supports many databases out of the box, but you can plug in your own data adapter for a source that is not built in.

Using Business Objects in the Report / Reports.NET / .NET Framework

Reports can be bound directly to your application's business objects — any IEnumerable or ITypedList collection — without converting them to datasets first.

Using Global Save and Load Events / Reports.NET / .NET Framework

This sample shows how to use the Save and Load events in the code.

Using Linq in Reports / Reports.NET / .NET Framework

The result of a LINQ query can be used as a report data source, so filtering, sorting and shaping happen in code before the report sees the data.

Using Report Variables in Code / Reports.NET / .NET 6.0

Report variables let a report receive values from the application — user input, settings, calculated data.

Using Report Variables in Code / Reports.NET / .NET 8.0

Report variables let a report receive values from the application — user input, settings, calculated data.

Using Report Variables in Code / Reports.NET / .NET Framework

Report variables let a report receive values from the application — user input, settings, calculated data.

Using Report Variables in Code / Reports.NET / .NET Core 3.1

This example shows how to use the Report Variables in code.

Using the Designer with Multiple Document Interface (MDI) / Reports.NET / .NET Framework

This sample project shows how to use the report designer with Multiple Document Interface (MDI).

Using the Form to Select Columns / Reports.NET / .NET Framework

The report template drives which data columns are printed; the host only loads data, binds it and opens the report so the selection can be applied.

Using the Report Page Canvas for the Copyrights / Reports.NET / .NET Framework

This example shows how to place a watermark on the report page.

Using the Right-To-Left Mode in the Viewer / Reports.NET / .NET Framework

For right-to-left languages such as Arabic or Hebrew, the viewer interface itself can be mirrored.

Using User Data in Reports / Reports.NET / .NET Framework

When data has no ready-made source, a StiUserData component supplies values on demand through an event — useful for reflection results, computed rows or live objects.

Working with Report Components / Reports.NET / .NET Framework

This example shows how to edit some component properties from code.

Adding a Custom Function / Reports.JS / HTML

You can extend the report engine with your own functions that authors call from expressions in the designer.

Adding a Font to the Resource / Reports.JS / Angular

A custom font can be embedded into the report as a resource, so it travels with the template.

Adding a Font to the Resource / Reports.JS / HTML

Fonts can be embedded into a report as resources so it renders identically everywhere.

Adding a Font to the Resource / Reports.JS / React

A custom font can be embedded into the report as a resource, so it travels with the template.

Adding a Font to the Resource / Reports.JS / Node.js

Fonts can be embedded into the report as resources so exported files render identically on any server.

Adding a Font to the Resource / Reports.JS / Vue 3

A custom font can be embedded into the report as a resource, so it travels with the template.

Assigning a Report to the Viewer / Reports.JS / HTML

The Reports.

Changing the Designer Theme / Reports.JS / HTML

Embed the report designer in JavaScript, load a template, and connect its editing and save actions.

Changing the Designer Theme / Reports.JS / React

The report designer is available as a React component too, and it also supports themes.

Changing the Designer Theme / Reports.JS / Angular

The report designer is available as a component too, and it also supports themes.

Changing the Designer Theme / Reports.JS / Vue 3

The report designer is available as a component too, and it also supports themes.

Changing the Viewer Theme / Reports.JS / HTML

Set up the report viewer in JavaScript, load a template, and connect the component to the application.

Changing the Viewer Theme / Reports.JS / React

The viewer supports many visual themes, selected through options.

Changing the Viewer Theme / Reports.JS / Angular

Set up the report viewer in Angular, load a template, and connect the component to the application.

Changing the Viewer Theme / Reports.JS / Vue 3

Set up the report viewer in Vue 3, load a template, and connect the component to the application.

Connecting to Databases / Reports.JS / ASP.NET

This example shows how to connect to databases from designer.

Connecting to Databases / Reports.JS / PHP

This example shows how to connect to databases from viewer and designer.

Connecting to Databases / Reports.JS / Java

This example shows how to connect to databases.

Connecting to Databases / Reports.JS / .NET Core 3.1

This example shows how to connect to databases from designer.

Creating a new Data Connection from code / Reports.JS / Angular

A report can be connected to a data source entirely from code, without editing the template dictionary.

Creating a new Data Connection from code / Reports.JS / React

A report can be connected to a data source entirely from code, without editing the template dictionary.

Creating a new Data Connection from code / Reports.JS / Vue 3

A report can be connected to a data source entirely from code, without editing the template dictionary.

Creating Report at Runtime / Reports.JS / Angular

Build the report in Angular from code by creating its structure and configuring the required components.

Creating Report at Runtime / Reports.JS / React

Build the report in React from code by creating its structure and configuring the required components.

Creating Report at Runtime / Reports.JS / Vue 3

Build the report in Vue 3 from code by creating its structure and configuring the required components.

Customizing the Designer / Reports.JS / HTML

The designer interface can be trimmed down to just the features you want to expose.

Customizing the Designer / Reports.JS / React

Embed the report designer in React, load a template, and connect its editing and save actions.

Customizing the Designer / Reports.JS / Angular

Embed the report designer in Angular, load a template, and connect its editing and save actions.

Customizing the Designer / Reports.JS / Vue 3

Embed the report designer in Vue 3, load a template, and connect its editing and save actions.

Customizing the Viewer / Reports.JS / HTML

The viewer exposes many options for appearance and toolbar contents.

Customizing the Viewer / Reports.JS / React

The viewer's toolbar and export options can be trimmed to expose only the features you want.

Customizing the Viewer / Reports.JS / Angular

The viewer toolbar and export options can be trimmed to expose only the features you want.

Customizing the Viewer / Reports.JS / Vue 3

The viewer toolbar and export options can be trimmed to expose only the features you want.

Editing a Report in the Designer / Reports.JS / Wisej.NET

The Reports.

Editing a Report Template in the Designer / Reports.JS / HTML

Reports.

Exporting a Report from Code with Changing Export Settings / Reports.JS / Angular

Export output can be tuned through a settings object.

Exporting a Report from Code with Changing Export Settings / Reports.JS / React

Export output can be tuned through a settings object.

Exporting a Report from Code with Changing Export Settings / Reports.JS / Vue 3

Export output can be tuned through a settings object.

Exporting a Report to HTML / Reports.JS / HTML

This example renders a report and exports it to HTML — either receiving the HTML string for display in the page, or saving it as a file.

Exporting a Report to HTML / Reports.JS / Angular

Render the report in Angular and export it directly from code, without opening the viewer.

Exporting a Report to HTML / Reports.JS / React

Render the report in React and export it directly from code, without opening the viewer.

Exporting a Report to HTML / Reports.JS / Node.js

Render the report in Node.

Exporting a Report to HTML / Reports.JS / Vue 3

Render the report in Vue 3 and export it directly from code, without opening the viewer.

Exporting a Report to PDF / Reports.JS / HTML

Render the report in JavaScript and export it directly from code, without opening the viewer.

Exporting a Report to PDF / Reports.JS / Angular

Render the report in Angular and export it directly from code, without opening the viewer.

Exporting a Report to PDF / Reports.JS / React

Render the report in React and export it directly from code, without opening the viewer.

Exporting a Report to PDF / Reports.JS / Node.js

Reports can be rendered and exported to PDF entirely on the server.

Exporting a Report to PDF / Reports.JS / Vue 3

Render the report in Vue 3 and export it directly from code, without opening the viewer.

Exporting Many Files to Single PDF / Reports.JS / Angular

Render the report in Angular and export it directly from code, without opening the viewer.

Exporting Many Files to Single PDF / Reports.JS / React

Render the report in React and export it directly from code, without opening the viewer.

Exporting Many Files to Single PDF / Reports.JS / Vue 3

Render the report in Vue 3 and export it directly from code, without opening the viewer.

Get a modified Report from the Designer / Reports.JS / React

When the user changes the report in the designer (for example creates a new one), the designer assigns a new report object.

Get a modified Report from the Designer / Reports.JS / Angular

When the user opens a different report in the designer, it assigns a new report object — the onAssignedReport event lets you capture it.

Get a modified Report from the Designer / Reports.JS / Vue 3

When the user opens a different report in the designer, it assigns a new report object — the assigned-report event lets you capture it.

Globalizing Report / Reports.JS / Angular

A report can be rendered for a specific culture, formatting numbers, dates and localized text accordingly.

Globalizing Report / Reports.JS / React

A report can be rendered for a specific culture, formatting numbers, dates and localized text accordingly.

Globalizing Report / Reports.JS / Vue 3

A report can be rendered for a specific culture, formatting numbers, dates and localized text accordingly.

How to Activate the Product / Reports.JS / Angular

The product license is applied from code before any report is used.

How to Activate the Product / Reports.JS / React

The product license is applied from code before any report is used.

How to Activate the Product / Reports.JS / Vue 3

The product license is applied from code before any report is used.

Integrating the Report Components into a Django framework / Reports.JS / Python

Reports.

Integrating the Report Components into a Flask framework / Reports.JS / Python

Reports.

Integrating the Report Components into a native Python application / Reports.JS / Python

Reports.

Integrating the Report Components into a Tornado framework / Reports.JS / Python

Reports.

Integrating the Report Designer into an Application / Reports.JS / Vue.js

This example shows how to integrate the report designer into a Vue.

Integrating the Report Viewer into an Application / Reports.JS / Vue.js

This example shows how to integrate the report viewer into a Vue.

Loading a Report and Rendering it with a JSON Data / Reports.JS / Node.js

On Node.

Loading a Report and Saving a Rendered Report / Reports.JS / Node.js

Handle the save action in Node.

Loading a Report from the Server-Side / Reports.JS / PHP

This example shows how to load a report from the server-side.

Loading a Report from the Server-Side / Reports.JS / ASP.NET

This example shows how to load a report from the server-side.

Loading a Report from the Server-Side / Reports.JS / Node.js

A common pattern is to render a report on the Node.

Loading a Report from the Server-Side / Reports.JS / .NET Core 3.1

This example shows how to load a report from the server-side.

Loading Scripts in Part to Minify Project / Reports.JS / HTML

Reports.

Loading the Report / Reports.JS / HTML

The foundation of Reports.

Localization the Designer / Reports.JS / HTML

The designer interface can be shown in different languages by adding localization files.

Localizing the Designer / Reports.JS / Angular

The designer can offer several interface languages and pick a default.

Localizing the Designer / Reports.JS / React

The designer can offer several interface languages and pick a default.

Localizing the Designer / Reports.JS / Vue 3

The designer can offer several interface languages and pick a default.

Localizing the Viewer / Reports.JS / React

Set up the report viewer in React, load a template, and connect the component to the application.

Localizing the Viewer / Reports.JS / Angular

The viewer interface can be shown in different languages by loading a localization file.

Localizing the Viewer / Reports.JS / Vue 3

The viewer interface can be shown in different languages by loading a localization file.

Merging Several Reports into One / Reports.JS / HTML

Several rendered reports can be combined into one document by rendering each and appending its pages into a target report.

Printing the Report / Reports.JS / HTML

A report can be sent to the printer directly from code, without the viewer.

Printing the Report from Code / Reports.JS / Angular

Render the report in Angular and start the print workflow with settings supplied by the application.

Printing the Report from Code / Reports.JS / React

Render the report in React and start the print workflow with settings supplied by the application.

Printing the Report from Code / Reports.JS / Vue 3

Render the report in Vue 3 and start the print workflow with settings supplied by the application.

Printing the Table from Code / Reports.JS / HTML

A report can be built completely from code, including its data structure and layout, and then printed or shown.

Register JSON Data File and Synchronize Dictionary / Reports.JS / HTML

A report with an empty data dictionary can be filled from a JSON file, building the data structure automatically.

Register JSON String and Synchronize Dictionary / Reports.JS / HTML

Data can be registered from a JSON string you have already fetched — for example from a REST API — and the report's dictionary synchronized to it.

Registering a Fonts Folder / Reports.JS / HTML

Register the required resource in JavaScript so the report renders consistently in every environment.

Registering a Fonts Folder / Reports.JS / Node.js

On the server you can point the engine to a folder of font files so all of them become available to reports.

Registering a JSON Data for the Report Template / Reports.JS / HTML

Prepare the data in JavaScript, register it in the report dictionary, and render the template with those records.

Registering an XML Data for the Report Template / Reports.JS / HTML

Prepare the data in JavaScript, register it in the report dictionary, and render the template with those records.

Registering Data from Code / Reports.JS / Angular

Instead of a database connection, you can pass an in-memory DataSet directly to the report.

Registering Data from Code / Reports.JS / React

Instead of a database connection, you can pass an in-memory DataSet directly to the report.

Registering Data from Code / Reports.JS / Vue 3

Instead of a database connection, you can pass an in-memory DataSet directly to the report.

Rendering a Report from Code / Reports.JS / Angular

A report can be rendered without a viewer, for example to process the result server-side.

Rendering a Report from Code / Reports.JS / React

A report can be rendered without a viewer, for example to process the result server-side.

Rendering a Report from Code / Reports.JS / Vue 3

A report can be rendered without a viewer, for example to process the result server-side.

Saving the Rendered Report to a File / Reports.JS / HTML

A rendered report can be saved as a document file (.

Sending a Report by Email / Reports.JS / ASP.NET

This example shows how to send exported reports by Email using the viewer.

Sending a Report by Email / Reports.JS / .NET Core 3.1

This example shows how to send exported reports by Email using the viewer.

Setting the Variable Value from Code / Reports.JS / HTML

Report variables can be assigned from code before rendering — for values that come from the application rather than the data.

Showing a Report as PDF / Reports.JS / HTML

Instead of downloading, an exported PDF can be shown inline in the browser — render the report, export to a PDF blob, and open it in a new tab.

Showing a Report in the Viewer / Reports.JS / Wisej.NET

In a Wisej.

Showing a Report in the Viewer without Toolbar / Reports.JS / React

Reports.

Showing a Report in the Viewer without Toolbar / Reports.JS / Angular

Reports.

Showing a Report in the Viewer without Toolbar / Reports.JS / Vue 3

Reports.

Showing the Designer Immediately after Running an App / Reports.JS / HTML

Embed the report designer in JavaScript, load a template, and connect its editing and save actions.

Showing the Designer in a Required Position / Reports.JS / HTML

The designer can be placed into any element on your page rather than filling the window, so it fits into an existing layout.

Showing the Designer in iframe / Reports.JS / HTML

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

Showing the Report Viewer in a Required Position / Reports.JS / HTML

The viewer can be rendered into any element on the page so it fits your layout.

Showing the Viewer Immediately after Running an App / Reports.JS / HTML

Set up the report viewer in JavaScript, load a template, and connect the component to the application.

Showing the Viewer in iframe / Reports.JS / HTML

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

Starting SQL adapters from the HTTP server / Reports.JS / Node.js

Reports.

Supply Custom Headers for JSON Database / Reports.JS / Angular

When a JSON data source is served by a protected backend, you can attach custom HTTP headers to each data request.

Supply Custom Headers for Json Database / Reports.JS / HTML

When a report loads data from a protected JSON endpoint, you can attach authentication headers in the onBeginProcessData event.

Supply Custom Headers for JSON Database / Reports.JS / React

When a JSON data source is served by a protected backend, you can attach custom HTTP headers to each data request.

Supply Custom Headers for JSON Database / Reports.JS / Vue 3

When a JSON data source is served by a protected backend, you can attach custom HTTP headers to each data request.

Supply Custom Headers for Json Database / Reports.JS / Node.js

When a report loads data from a protected JSON endpoint, you may need to send authentication headers.

Supply Custom Headers for JSON Database / Reports.JS / .NET Core 3.1

This example shows how to supply custom headers for JSON Database.

Using a Custom Data Adapter / Reports.JS / Angular

You can register a fully custom data source that supplies schema and data from your own code.

Using a Custom Data Adapter / Reports.JS / React

You can register a fully custom data source that supplies schema and data from your own code.

Using a Custom Data Adapter / Reports.JS / HTML

For a data source Reports.

Using a Custom Data Adapter / Reports.JS / Vue 3

You can register a fully custom data source that supplies schema and data from your own code.

Using a Custom Font / Reports.JS / Angular

Fonts can also be supplied to the whole engine rather than stored in the report.

Using a Custom Font / Reports.JS / React

Fonts can also be supplied to the whole engine rather than stored in the report.

Using a Custom Font / Reports.JS / Node.js

A single custom font file can be added to the engine and used in a report.

Using a Custom Font / Reports.JS / Vue 3

Fonts can also be supplied to the whole engine rather than stored in the report.

Using a Report Cache Mode / Reports.JS / Node.js

For very large reports, cache mode keeps memory usage low by holding only part of the rendered document in memory at a time.

Using CDNs for Script Loading / Reports.JS / HTML

The Reports.

Using Designer Events / Reports.JS / HTML

The designer raises events for the actions users perform — creating, previewing, saving and exiting a report.

Using Designer Events / Reports.JS / React

The React designer raises events for creating, saving, previewing and exiting a report.

Using Designer Events / Reports.JS / Angular

The designer raises events for creating, saving and previewing a report.

Using Designer Events / Reports.JS / Vue 3

The designer raises events for creating, saving and previewing a report.

Using Parameters in SQL Query / Reports.JS / Angular

SQL query parameters can be substituted with real values at run time.

Using Parameters in SQL Query / Reports.JS / React

SQL query parameters can be substituted with real values at run time.

Using Parameters in SQL Query / Reports.JS / Vue 3

SQL query parameters can be substituted with real values at run time.

Using Report Variables in Code / Reports.JS / Angular

Report variables can be assigned from code before rendering — handy for passing application state into a template (Angular).

Using Report Variables in Code / Reports.JS / React

Report variables can be assigned from code before rendering — handy for passing application state into a template (React).

Using Report Variables in Code / Reports.JS / Vue 3

Report variables can be assigned from code before rendering — handy for passing application state into a template (Vue).

Using SQL Data Sources / Reports.JS / Angular

The connection string and SQL query of a report can be changed dynamically from code.

Using SQL Data Sources / Reports.JS / React

The connection string and SQL query of a report can be changed dynamically from code.

Using SQL Data Sources / Reports.JS / Vue 3

The connection string and SQL query of a report can be changed dynamically from code.

Using the Full-Screen Mode in the Designer / Reports.JS / HTML

Full-screen mode makes the designer occupy the whole browser window, which is the natural layout for a dedicated report-editing application.

Using the Full-Screen Mode in the Viewer / Reports.JS / HTML

Set up the report viewer in JavaScript, load a template, and connect the component to the application.

Using the Right-To-Left Mode in the Viewer / Reports.JS / React

For right-to-left languages such as Arabic or Hebrew, the viewer interface can be mirrored.

Using the Right-To-Left Mode in the Viewer / Reports.JS / Angular

For right-to-left languages such as Arabic or Hebrew, the viewer interface can be mirrored.

Using the Right-To-Left Mode in the Viewer / Reports.JS / Vue 3

For right-to-left languages such as Arabic or Hebrew, the viewer interface can be mirrored.

Using the Same Label for Multiple Fonts / Reports.JS / HTML

A single font label can map to several physical font files (regular, bold, …) by registering a font configuration before the designer or report loads.

Using the two Viewer in the One Project / Reports.JS / React

Because the viewer is just a React component, you can place several instances on one page.

Using the two Viewer in the One Project / Reports.JS / Angular

Because the viewer is a component, you can place several instances on one page.

Using the two Viewer in the One Project / Reports.JS / Vue 3

Because the viewer is a component, you can place several instances on one page.

Using Viewer Events / Reports.JS / HTML

The viewer raises events for data loading, printing, exporting and switching to the designer — hook them to customize each stage.

Using Viewer Events / Reports.JS / React

The React viewer exposes events as component props.

Using Viewer Events / Reports.JS / Angular

Set up the report viewer in Angular, load a template, and connect the component to the application.

Using Viewer Events / Reports.JS / Vue 3

Set up the report viewer in Vue 3, load a template, and connect the component to the application.

Using with Express / Reports.JS / Node.js

An Express server can host the Reports.

Working with onDesign and onExit Events / Reports.JS / React

The viewer and designer can be combined into one edit-and-preview flow, switching between them with React state.

Working with onDesign and onExit Events / Reports.JS / Angular

The viewer and designer can be combined into one edit-and-preview flow, switching between them with a flag (Angular).

Working with onDesign and onExit Events / Reports.JS / Vue 3

The viewer and designer can be combined into one edit-and-preview flow, switching between them with a reactive flag (Vue).

Changing an Export Settings on the Server-Side / Reports.PHP / PHP

Export settings can be adjusted on the server when the user exports from the viewer, through the onBeginExportReport event.

Changing Report Properties on the Server-Side / Reports.PHP / PHP

A report's template is JSON, so you can modify its properties on the server before rendering.

Changing the Viewer Theme / Reports.PHP / PHP

The viewer supports many themes and appearance options, set on the PHP options object.

Configuring and Installing NodeJs / Reports.PHP / PHP

The server-side engine relies on Node.

Creating a Custom Button on the Viewer Toolbar / Reports.PHP / PHP

Set up the report viewer in PHP, load a template, and connect the component to the application.

Editing a Report in the Designer / Reports.PHP / Laravel

The Reports.

Editing a Report Template in the Designer / Reports.PHP / PHP

The Reports.

Editing a Report Template in the Designer in an HTML template / Reports.PHP / PHP

As with the viewer, the designer's scripts and body can be emitted separately to fit your own HTML layout.

Editing a Report Template in the Designer using JavaScript / Reports.PHP / PHP

The designer, like the viewer, can be created in client JavaScript with PHP serving only as the StiHandler request handler.

Exporting a Report from Code / Reports.PHP / PHP

A report can be exported from PHP code to several formats.

Exporting a Report from Code on the Server-Side / Reports.PHP / PHP

Server-side rendering can be followed by a server-side export.

Exporting a Report from Code with Changing Export Settings / Reports.PHP / PHP

Server-side exports can be fine-tuned with a settings object.

How to Activate the Product / Reports.PHP / PHP

By default Reports.

Integrating the Report Viewer and Report Designer into an Application (Laravel) / Reports.PHP / PHP

This example shows how to integrate the report viewer and report designer into an application with Laravel framework.

Loading Scripts in Part to Minify Project / Reports.PHP / PHP

Load the report template in PHP and pass it to the next viewing, rendering, or export operation.

Localizing the Designer / Reports.PHP / PHP

The designer interface can be shown in different languages, and several localization files can be offered at once.

Opening the Report in the Viewer and Changing it on the Server-Side / Reports.PHP / PHP

Handle onOpenedReport in the PHP viewer to modify a report before it reaches the browser.

Printing a Report from Code / Reports.PHP / PHP

A report can be rendered and sent to print directly from PHP code.

Registering a Data from Code / Reports.PHP / PHP

Data can be registered for the report from code just before it renders, using the onBeforeRender event that runs on the client.

Registering a Data from Code when Rendering a Report on the Server-Side / Reports.PHP / PHP

When rendering server-side, data can be registered through the onBeforeRender event, which runs in the Node.

Registering Data when Creating a New Report / Reports.PHP / PHP

When a user creates a new report in the designer, you can automatically register data for it through the onCreateReport event.

Rendering a Report from Code / Reports.PHP / PHP

A report is configured and loaded in PHP, but rendered by the JavaScript engine on the client — a callback fires when the build finishes.

Rendering a Report from Code on a Button Click / Reports.PHP / PHP

Rendering can be deferred until the user clicks a button instead of running on page load — the report is loaded up front and built on demand.

Rendering a Report from Code on the Server-Side / Reports.PHP / PHP

Reports.

Rendering a Report with SQL from Code on the Server-Side / Reports.PHP / PHP

Prepare the data in PHP, register it in the report dictionary, and render the template with those records.

Saving a Report Template on the Server-Side / Reports.PHP / PHP

When the user saves in the designer, the edited template is sent to the server; the onSaveReport event decides where to store it.

Sending a Report by Email / Reports.PHP / PHP

Create the document in memory in PHP and send it as an e-mail attachment without leaving a temporary file.

Sending an Exported Report to the Server-Side / Reports.PHP / PHP

When the user exports a report in the viewer, the generated file can be sent back to the server and saved — handled in the onEndExportReport event.

Setting Report Variables on the Server-Side / Reports.PHP / PHP

Report variables can be assigned on the server before rendering — the onPrepareVariables event supplies values that flow into the report generator.

Showing a Report in the Viewer / Reports.PHP / Laravel

In Laravel the viewer lives in a Blade view; it points its event handler at a route and loads a report template.

Showing a Report in the Viewer / Reports.PHP / PHP

The Reports.

Showing a Report in the Viewer in an HTML template / Reports.PHP / PHP

When you build the page yourself, you can output the viewer's scripts and body separately so they fit your HTML layout.

Showing a Report in the Viewer in an HTML template using PHP variables / Reports.PHP / PHP

Instead of printing directly, the viewer's HTML can be captured into PHP variables and echoed wherever you need — handy for templating engines.

Showing a Report in the Viewer using JavaScript / Reports.PHP / PHP

The viewer can be built entirely in client JavaScript, with PHP acting only as the request handler for data and events.

Using Parameters in SQL Query / Reports.PHP / PHP

SQL queries can use parameters whose values you set on the server.

Using SQL Data Sources / Reports.PHP / PHP

Reports can pull data from SQL databases, with the connection handled on the server through the onBeginProcessData event.

Working with onDesign and onExit events / Reports.PHP / PHP

The viewer and designer can be linked into one edit-and-preview flow.

Adding a Font to the Resource / Reports.WPF / .NET 6.0

Embedding a font as a report resource makes the template self-contained.

Adding a Font to the Resource / Reports.WPF / .NET 8.0

Embedding a font as a report resource makes the template self-contained.

Adding a Font to the Resource / Reports.WPF / .NET Framework

Embedding a font as a report resource makes the template self-contained.

Changing the Viewer and Designer Theme / Reports.WPF / .NET Framework

The WPF viewer and designer follow a global UI theme — an appearance (Auto/Light/Dark) and an accent color — that you can read and change at run time.

Connecting to Data from Code / Reports.WPF / .NET Core 3.1

This sample project demonstrates how to connect to data from the code.

Connecting to Data from Code / Reports.WPF / .NET 6.0

A report's data can be supplied entirely from code.

Connecting to Data from Code / Reports.WPF / .NET 8.0

A report's data can be supplied entirely from code.

Connecting to Data from Code / Reports.WPF / .NET Framework

A report's data can be supplied entirely from code.

Creating Report at Runtime / Reports.WPF / .NET Core 3.1

This sample project shows the possibility of creating a report in runtime.

Creating Report at Runtime / Reports.WPF / .NET 6.0

Build the report in .

Creating Report at Runtime / Reports.WPF / .NET 8.0

Build the report in .

Creating Report at Runtime / Reports.WPF / .NET Framework

Build the report in .

Custom Component in the Designer / Reports.WPF / .NET Framework

This example shows how to add a Custom Component to the Designer.

Editing a Report Template in the Designer / Reports.WPF / .NET Core 3.1

This sample project demonstrates how to edit report in the designer.

Editing a Report Template in the Designer / Reports.WPF / .NET 6.0

Embed the report designer in .

Editing a Report Template in the Designer / Reports.WPF / .NET 8.0

Embed the report designer in .

Editing a Report Template in the Designer / Reports.WPF / .NET Framework

Embed the report designer in .

Exporting a Report from Code / Reports.WPF / .NET Core 3.1

This sample project demonstrates how to export reports to the necessary format from code.

Exporting a Report from Code / Reports.WPF / .NET 6.0

A report can be rendered and saved to any supported format straight from a WPF application — PDF, Word, Excel, text or image.

Exporting a Report from Code / Reports.WPF / .NET 8.0

A report can be rendered and saved to any supported format straight from a WPF application — PDF, Word, Excel, text or image.

Exporting a Report from Code / Reports.WPF / .NET Framework

A report can be rendered and saved to any supported format straight from a WPF application — PDF, Word, Excel, text or image.

Localizing the User Interface / Reports.WPF / .NET Core 3.1

This sample project demonstrates how to localize the user interface.

Localizing the User Interface / Reports.WPF / .NET 6.0

The WPF viewer and designer interface can be shown in different languages by loading localization files.

Localizing the User Interface / Reports.WPF / .NET 8.0

The WPF viewer and designer interface can be shown in different languages by loading localization files.

Localizing the User Interface / Reports.WPF / .NET Framework

The WPF viewer and designer interface can be shown in different languages by loading localization files.

Printing a Report from Code / Reports.WPF / .NET 6.0

Render the report in .

Printing a Report from Code / Reports.WPF / .NET 8.0

Render the report in .

Printing a Report from Code / Reports.WPF / .NET Core 3.1

This sample project demonstrates how to print reports.

Printing a Report from Code / Reports.WPF / .NET Framework

Render the report in .

Save and Load events of the Designer / Reports.WPF / .NET Framework

This sample shows how to use the Save and Load events in the code.

Showing a Report in the Viewer / Reports.WPF / .NET Core 3.1

This sample project demonstrates how to show report in the viewer.

Showing a Report in the Viewer / Reports.WPF / .NET 6.0

This example shows the two basic ways to display a report in a WPF application.

Showing a Report in the Viewer / Reports.WPF / .NET 8.0

This example shows the two basic ways to display a report in a WPF application.

Showing a Report in the Viewer / Reports.WPF / .NET Framework

This example shows the two basic ways to display a report in a WPF application.

Use Custom Collapsing Images / Reports.WPF / .NET Framework

This example shows how to change the Standard collapsing of images in the Viewer to Custom.

Using a Custom Data Adapter / Reports.WPF / .NET 6.0

For a data source that is not built in, you can register a custom data adapter and use it in the WPF designer.

Using a Custom Data Adapter / Reports.WPF / .NET 8.0

For a data source that is not built in, you can register a custom data adapter and use it in the WPF designer.

Using a Custom Data Adapter / Reports.WPF / .NET Framework

For a data source that is not built in, you can register a custom data adapter and use it in the WPF designer.

Using Business Objects in the Report / Reports.WPF / .NET Core 3.1

This example shows how to create a report with the Business Objects collection.

Using Business Objects in the Report / Reports.WPF / .NET 6.0

Reports can be bound directly to your application's business objects — collections implementing IEnumerable or ITypedList.

Using Business Objects in the Report / Reports.WPF / .NET 8.0

Reports can be bound directly to your application's business objects — collections implementing IEnumerable or ITypedList.

Using Business Objects in the Report / Reports.WPF / .NET Framework

Reports can be bound directly to your application's business objects — collections implementing IEnumerable or ITypedList.

Using Linq in Reports / Reports.WPF / .NET Core 3.1

This example shows how to use the Linq queries in the report data.

Using Linq in Reports / Reports.WPF / .NET 6.0

The result of a LINQ query can be used as a report data source, so filtering, sorting and shaping happen in code before the report sees the data.

Using Linq in Reports / Reports.WPF / .NET 8.0

The result of a LINQ query can be used as a report data source, so filtering, sorting and shaping happen in code before the report sees the data.

Using Linq in Reports / Reports.WPF / .NET Framework

The result of a LINQ query can be used as a report data source, so filtering, sorting and shaping happen in code before the report sees the data.

Using Report Variables in Code / Reports.WPF / .NET Core 3.1

This example shows how to use the Report Variables in code.

Using Report Variables in Code / Reports.WPF / .NET 6.0

Load the report template in .

Using Report Variables in Code / Reports.WPF / .NET 8.0

Load the report template in .

Using Report Variables in Code / Reports.WPF / .NET Framework

Load the report template in .

Working with Report Components / Reports.WPF / .NET Framework

This example shows how to edit some component properties from code.

Changing an Export Settings on the Server-Side / Reports.PYTHON / Python

When the user exports from the viewer, the export settings can be adjusted on the server through the onBeginExportReport event.

Changing the Viewer Theme / Reports.PYTHON / Python

The Python viewer's appearance — interface theme, background color and toolbar layout — is set through its options object.

Configuring and Installing Node.js / Reports.PYTHON / Python

The server-side engine relies on Node.

Editing a Report Template in the Designer / Reports.PYTHON / Python

The report designer is hosted the same way as the viewer — create a StiDesigner, load a template, and serve the framework response.

Editing a Report Template in the Designer in an HTML template / Reports.PYTHON / Python

The designer's scripts and body can be emitted separately to fit your own HTML template, just like the viewer.

Exporting a Report from Code / Reports.PYTHON / Python

A report can be rendered and exported directly from code — the export format is chosen from the request and applied client-side.

Exporting a Report from Code on the Server-Side / Reports.PYTHON / Python

With the Node.

How to Activate the Product / Reports.PYTHON / Python

By default Reports.

Loading Scripts in Part to Minify Project / Reports.PYTHON / Python

Load the report template in Python and pass it to the next viewing, rendering, or export operation.

Localizing the Designer / Reports.PYTHON / Python

The designer interface can be localized by pointing its options at Stimulsoft language XML files.

Opening the Report in the Viewer and Changing it on the Server-Side / Reports.PYTHON / Python

The onOpenedReport event lets you modify a report — or swap it entirely — on the server before it reaches the browser.

Registering a Data from Code / Reports.PYTHON / Python

Data can be supplied from the server through the onBeginProcessData event instead of being stored in the template.

Registering Data when Creating a New Report / Reports.PYTHON / Python

When a user creates a new report in the designer, you can automatically register data for it through the onCreateReport event.

Rendering a Report from Code / Reports.PYTHON / Python

A report can be rendered from Python code and reacted to when rendering completes, via the onAfterRender event.

Rendering a Report from Code on the Server-Side / Reports.PYTHON / Python

Reports.

Saving a Report Template on the Server-Side / Reports.PYTHON / Python

When the user saves in the designer, the template is sent to the server, where the onSaveReport event decides how to store it.

Sending a Report by Email / Reports.PYTHON / Python

A report can be exported in memory and sent as an e-mail attachment — the SMTP settings stay on the server, never reaching the client.

Sending an Exported Report to the Server-Side / Reports.PYTHON / Python

When the user exports a report in the viewer, the result can be sent back to the server and saved, through the onEndExportReport event.

Setting Report Variables on the Server-Side / Reports.PYTHON / Python

Report variables can be assigned on the server before rendering, through the onPrepareVariables event.

Showing a Report in the Viewer / Reports.PYTHON / Python

Stimulsoft Reports.

Showing a Report in the Viewer in an HTML template / Reports.PYTHON / Python

When you build the page with your own HTML template, the viewer's scripts and body can be emitted separately so they fit your layout.

Using Parameters in SQL Query / Reports.PYTHON / Python

SQL query parameters can be given values on the server in the onBeginProcessData event — the values never reach the client.

Working with onDesign and onExit events / Reports.PYTHON / Python

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.

Adding a Custom Function to the Designer / Reports.WEB / .NET 6.0 Razor

You can extend the report engine with your own functions, which users then call from expressions in the web designer.

Adding a Custom Function to the Designer / Reports.WEB / .NET Core 3.1

This example shows how to add custom function to the designer.

Adding a Custom Function to the Designer / Reports.WEB / ASP.NET

This sample project demonstrates how you can add custom function to the designer.

Adding a Custom Function to the Designer / Reports.WEB / ASP.NET MVC

This example shows how to add custom function to the designer.

Adding a Custom Function to the Designer / Reports.WEB / .NET 6.0

You can extend the report engine with your own functions, which users then call from expressions in the web designer.

Adding a Custom Function to the Designer / Reports.WEB / .NET 8.0

You can extend the report engine with your own functions, which users then call from expressions in the web designer.

Adding a Font to the Resource / Reports.WEB / .NET 6.0 Razor

Fonts can be embedded into a report as resources so the document renders and exports identically regardless of the fonts installed on the server.

Adding a Font to the Resource / Reports.WEB / ASP.NET

This sample project demonstrates how you can add custom font to the resource.

Adding a Font to the Resource / Reports.WEB / ASP.NET MVC

This sample project demonstrates how you can add custom font to the resource.

Adding a Font to the Resource / Reports.WEB / .NET 6.0

Fonts can be embedded into a report as resources so the document renders and exports identically regardless of the fonts installed on the server.

Adding a Font to the Resource / Reports.WEB / .NET 8.0

Fonts can be embedded into a report as resources so the document renders and exports identically regardless of the fonts installed on the server.

Changing Database Type / Reports.WEB / .NET 6.0

A report's data connection can be swapped for a different database type at run time without editing the template.

Changing Database Type / Reports.WEB / .NET 8.0

A report's data connection can be swapped for a different database type at run time without editing the template.

Changing the Viewer Options from the Controller / Reports.WEB / ASP.NET MVC

This example shows how to change viewer options from the controller.

Changing the Viewer Options from the Controller / Reports.WEB / .NET 6.0

Set up the report viewer in .

Changing the Viewer Options from the Controller / Reports.WEB / .NET 8.0

Set up the report viewer in .

Changing the Viewer Theme / Reports.WEB / .NET 6.0 Razor

The web viewer ships with a set of visual themes and appearance options, chosen where the viewer component is declared in the Razor view.

Changing the Viewer Theme / Reports.WEB / ASP.NET MVC

This example shows how to change the report viewer theme.

Changing the Viewer Theme / Reports.WEB / .NET Core 3.1

This example shows how to change the report viewer theme.

Changing the Viewer Theme / Reports.WEB / .NET 6.0

The web viewer ships with a set of visual themes and configurable appearance options.

Changing the Viewer Theme / Reports.WEB / .NET 8.0

The web viewer ships with a set of visual themes and configurable appearance options.

Configuring Report caching / Reports.WEB / .NET 6.0 Razor

Caching keeps a rendered report on the server between requests, so paging and exporting do not rebuild it every time.

Configuring Report Caching / Reports.WEB / ASP.NET

This example shows how to configure report caching.

Configuring Report Caching / Reports.WEB / ASP.NET MVC

This example shows how to configure report caching.

Configuring Report Caching / Reports.WEB / .NET Core 3.1

This example shows how to configure report caching.

Configuring Report caching / Reports.WEB / .NET 6.0

Caching keeps a rendered report on the server between requests, so paging and exporting do not rebuild it every time.

Configuring Report caching / Reports.WEB / .NET 8.0

Caching keeps a rendered report on the server between requests, so paging and exporting do not rebuild it every time.

Connecting to Data from Code / Reports.WEB / ASP.NET

This sample project demonstrates how to connect to data from the code.

Connecting to Data from Code / Reports.WEB / ASP.NET MVC

This example shows how to add connect to data from the code.

Connecting to Data from Code / Reports.WEB / .NET Core 3.1

This example shows how to add connect to data from the code.

Connecting to Data from Code / Reports.WEB / .NET 6.0

A report's data can be supplied entirely from the controller instead of being stored in the template — clear the template connections and register a fresh dataset.

Connecting to Data from Code / Reports.WEB / .NET 8.0

A report's data can be supplied entirely from the controller instead of being stored in the template — clear the template connections and register a fresh dataset.

Connecting to Data from Code / Reports.WEB / .NET 6.0 Razor

A report's data can be supplied entirely from the controller instead of being stored in the template — clear the template connections and register a fresh dataset.

Creating a Custom Button on the Viewer Toolbar / Reports.WEB / .NET 6.0 Razor

The web viewer toolbar can be extended with your own buttons using its client-side JavaScript API.

Creating a Custom Button on the Viewer Toolbar / Reports.WEB / ASP.NET

This sample project demonstrates how you can add the custom button on the toolbar of the web viewer.

Creating a Custom Button on the Viewer Toolbar / Reports.WEB / .NET Core 3.1

This example shows how to add custom button on the toolbar in the viewer.

Creating a Custom Button on the Viewer Toolbar / Reports.WEB / .NET 6.0

The web viewer toolbar can be extended with your own buttons using its client-side JavaScript API.

Creating a Custom Button on the Viewer Toolbar / Reports.WEB / .NET 8.0

The web viewer toolbar can be extended with your own buttons using its client-side JavaScript API.

Creating a Custom Parameter Panel for the Viewer / Reports.WEB / .NET 6.0 Razor

Instead of the built-in parameter panel, you can build your own HTML form and feed its values to the viewer through the client API.

Creating a Custom Parameter Panel for the Viewer / Reports.WEB / ASP.NET

This sample project demonstrates how you can create a custom parameter panel for the viewer.

Creating a Custom Parameter Panel for the Viewer / Reports.WEB / ASP.NET MVC

This sample project demonstrates how you can create a custom parameter panel for the viewer.

Creating a Custom Parameter Panel for the Viewer / Reports.WEB / .NET 6.0

Instead of the built-in parameter panel, you can build your own HTML form and feed its values to the viewer.

Creating a Custom Parameter Panel for the Viewer / Reports.WEB / .NET 8.0

Instead of the built-in parameter panel, you can build your own HTML form and feed its values to the viewer.

Creating Report at Runtime / Reports.WEB / ASP.NET

This sample project shows the possibility of creating a web report in runtime.

Customizing the Viewer / Reports.WEB / ASP.NET

This sample project demonstrates how you can customize the web viewer by using the component properties.

Editing a Report Template in the Designer / Reports.WEB / ASP.NET MVC

This example shows how to load a report template and edit it in the designer.

Editing a Report Template in the Designer / Reports.WEB / .NET 6.0

Besides the viewer, Stimulsoft provides a full web report designer that you can embed in an ASP.

Editing a Report Template in the Designer / Reports.WEB / .NET Core 3.1

This example shows how to load a report template and edit it in the designer.

Editing a Report Template in the Designer / Reports.WEB / .NET 8.0

Besides the viewer, Stimulsoft provides a full web report designer that you can embed in an ASP.

Editing a Report Template in the Designer / Reports.WEB / .NET 6.0 Razor

Embed the report designer in ASP.

Exporting a Report from Code / Reports.WEB / ASP.NET

This sample project shows how to export the report to various formats.

Exporting and Printing a Report from Code / Reports.WEB / ASP.NET MVC

This sample project shows how to export and print the report from code without using the report viewer.

Exporting and Printing a Report from Code / Reports.WEB / .NET Core 3.1

This sample project shows how to export and print the report from code without using the report viewer.

Exporting and Printing a Report from Code / Reports.WEB / .NET 6.0

You do not always need the viewer — in an ASP.

Exporting and Printing a Report from Code / Reports.WEB / .NET 8.0

You do not always need the viewer — in an ASP.

Exporting and Printing a Report from Code / Reports.WEB / .NET 6.0 Razor

You do not always need the viewer — in an ASP.

Globalizing Reports / Reports.WEB / ASP.NET

This example shows how the report globalization works.

Localizing the Designer / Reports.WEB / ASP.NET

This sample project shows how to localize the HTML5 report designer.

Localizing the Viewer / Reports.WEB / ASP.NET

This sample project shows how to localize the HTML5 viewer.

Localizing the Viewer / Reports.WEB / ASP.NET MVC

This sample project shows how to localize the viewer.

Localizing the Viewer / Reports.WEB / .NET 6.0

The web viewer interface can be shown in any language by pointing it to a localization file.

Localizing the Viewer / Reports.WEB / .NET Core 3.1

This sample project shows how to localize the viewer.

Localizing the Viewer / Reports.WEB / .NET 8.0

The web viewer interface can be shown in any language by pointing it to a localization file.

Localizing the Viewer / Reports.WEB / .NET 6.0 Razor

The web viewer interface can be shown in any language by pointing it to a localization file, chosen in the viewer options.

Managing Report Printing and Exporting / Reports.WEB / ASP.NET MVC

This example shows how to perform the required actions before printing or exporting the report in the viewer.

Managing Report Printing and Exporting / Reports.WEB / .NET Core 3.1

This example shows how to perform the required actions before printing or exporting the report in the viewer.

Managing Report Printing and Exporting / Reports.WEB / .NET 6.0

When printing and exporting go through the viewer, you can intercept them on the server to adjust the document or its export settings.

Managing Report Printing and Exporting / Reports.WEB / .NET 8.0

When printing and exporting go through the viewer, you can intercept them on the server to adjust the document or its export settings.

Managing Report Printing and Exporting / Reports.WEB / .NET 6.0 Razor

When printing and exporting go through the viewer, you can intercept them in the page model to adjust the document or its export settings.

Printing the Report Template from Code / Reports.WEB / ASP.NET

This sample project shows how to print the report from code without using the report viewer.

Rendering and Exporting a Report in the Console App / Reports.WEB / .NET 6.0 Razor

The report engine runs anywhere .

Rendering and Exporting a Report in the Console App / Reports.WEB / .NET Core 3.1

This example shows how to render report in the console app.

Rendering and Exporting a Report in the Console App / Reports.WEB / .NET 6.0

The report engine runs anywhere .

Rendering and Exporting a Report in the Console App / Reports.WEB / .NET 8.0

The report engine runs anywhere .

Saving a Report Template in the Designer / Reports.WEB / ASP.NET MVC

This example shows how to load a report template and edit it in the designer.

Saving a Report Template in the Designer / Reports.WEB / .NET 6.0

When you host the web designer you usually want to control where edited templates are stored.

Saving a Report Template in the Designer / Reports.WEB / .NET Core 3.1

This example shows how to load a report template and edit it in the designer.

Saving a Report Template in the Designer / Reports.WEB / .NET 8.0

When you host the web designer you usually want to control where edited templates are stored.

Saving a Report Template in the Designer / Reports.WEB / .NET 6.0 Razor

Embed the report designer in ASP.

Sending a Report by Email / Reports.WEB / ASP.NET MVC

This example shows how to send exported reports by Email using the viewer.

Sending a Report by Email / Reports.WEB / .NET 6.0

Create the document in memory in .

Sending a Report by Email / Reports.WEB / .NET Core 3.1

This example shows how to send exported reports by Email using the viewer.

Sending a Report by Email / Reports.WEB / .NET 8.0

Create the document in memory in .

Sending a Report by Email / Reports.WEB / .NET 6.0 Razor

The web viewer can e-mail a rendered report from its toolbar.

Showing a Report in the Viewer / Reports.WEB / ASP.NET

This sample project demonstrates how to add the HTML5 viewer on the ASPX page and display a simple report.

Showing a Report in the Viewer / Reports.WEB / ASP.NET MVC

This example shows how to load reports in different formats and show it in the viewer.

Showing a Report in the Viewer / Reports.WEB / .NET 6.0

Set up the report viewer in .

Showing a Report in the Viewer / Reports.WEB / .NET Core 3.1

This example shows how to load reports in different formats and show it in the viewer.

Showing a Report in the Viewer / Reports.WEB / .NET 8.0

Set up the report viewer in .

Showing a Report in the Viewer / Reports.WEB / .NET 6.0 Razor

Set up the report viewer in ASP.

Showing Interactive Reports / Reports.WEB / ASP.NET MVC

This example shows how to show reports with interactions in the viewer.

Showing Interactive Reports / Reports.WEB / .NET 6.0

Stimulsoft reports can be interactive — sorting, drill-down, collapsing groups, chart interaction — and it all works in the web viewer out of the box.

Showing Interactive Reports / Reports.WEB / .NET 8.0

Stimulsoft reports can be interactive — sorting, drill-down, collapsing groups, chart interaction — and it all works in the web viewer out of the box.

Showing Interactive Reports / Reports.WEB / .NET 6.0 Razor

Interactive report features — sorting, drill-down, collapsing groups, chart interaction — work in the web viewer without extra code.

Using a Custom Data Adapter / Reports.WEB / .NET 6.0 Razor

For a data source that is not built in, you can register a custom data adapter and use it in the web designer.

Using a Custom Data Adapter / Reports.WEB / ASP.NET

This sample project demonstrates how to use a custom data adapter.

Using a Custom Data Adapter / Reports.WEB / ASP.NET MVC

This sample project demonstrates how to use a custom data adapter.

Using a Custom Data Adapter / Reports.WEB / .NET 6.0

For a data source that is not built in, you can register a custom data adapter and use it in the web designer.

Using a Custom Data Adapter / Reports.WEB / .NET 8.0

For a data source that is not built in, you can register a custom data adapter and use it in the web designer.

Using a Report Export Service / Reports.WEB / .NET Core 3.1

This example shows the report export service.

Using a Report Export Service / Reports.WEB / ASP.NET MVC

This example shows the report export service.

Using a Report Export Service / Reports.WEB / .NET 6.0

A report can be exposed as a web-API endpoint that renders and returns a document on demand — a lightweight export service.

Using a Report Export Service / Reports.WEB / .NET 8.0

A report can be exposed as a web-API endpoint that renders and returns a document on demand — a lightweight export service.

Using a Scroll Bar in the Web Viewer / Reports.WEB / ASP.NET

This sample project demonstrates how to add the HTML5 web viewer with Scroll Bars on the ASPX page.

Using Business Objects in the Report / Reports.WEB / .NET 6.0 Razor

Web reports can be bound to your application's business objects — collections implementing IEnumerable or ITypedList — with no dataset conversion.

Using Business Objects in the Report / Reports.WEB / ASP.NET MVC

This example shows how to create a report with the Business Objects collection.

Using Business Objects in the Report / Reports.WEB / .NET 6.0

Register application objects as a data source in .

Using Business Objects in the Report / Reports.WEB / .NET Core 3.1

This example shows how to create a report with the Business Objects collection.

Using Business Objects in the Report / Reports.WEB / .NET 8.0

Register application objects as a data source in .

Using Designer Events / Reports.WEB / ASP.NET

This sample project demonstrates how to add and display the HTML5 report designer on the ASPX page.

Using Report Variables in Code / Reports.WEB / ASP.NET

This example shows the use variables (report parameters) in the web reports using POST (values are passed to the request using a form) and GET (values are passed in the URL request) methods.

Using Report Variables in Code / Reports.WEB / .NET 6.0

Report variables let a web report receive values from the request — form input or query string — assigned by name before rendering.

Using Report Variables in Code / Reports.WEB / .NET 8.0

Report variables let a web report receive values from the request — form input or query string — assigned by name before rendering.

Using Report Variables in Code / Reports.WEB / .NET 6.0 Razor

Report variables let a web report receive values from the request — form input or query string — assigned by name before rendering.

Using the Full-Screen Mode in the Viewer / Reports.WEB / .NET 6.0 Razor

The web viewer can occupy the whole browser window in full-screen mode, useful for report portals and dashboards.

Using the Full-Screen Mode in the Viewer / Reports.WEB / ASP.NET MVC

This example shows how to display a viewer in the Full Screen mode by default.

Using the Full-Screen Mode in the Viewer / Reports.WEB / .NET Core 3.1

This example shows how to display a viewer in the Full Screen mode by default.

Using the Full-Screen Mode in the Viewer / Reports.WEB / .NET 6.0

The web viewer can occupy the whole browser window in full-screen mode, which is useful for report portals and dashboards.

Using the Full-Screen Mode in the Viewer / Reports.WEB / .NET 8.0

The web viewer can occupy the whole browser window in full-screen mode, which is useful for report portals and dashboards.

Using the Viewer and Designer in the One Project / Reports.WEB / ASP.NET MVC

This example shows how to edit a report template in the designer, save it and show this report in the viewer.

Adding a Custom Function to the Designer / Reports для Blazor / Server

Add a custom function to the expression engine and call it from a report template during rendering.

Adding a Custom Function to the Designer / Reports для Blazor / Web Assembly

Add a custom function to the expression engine and call it from a report template during rendering.

Changing the Designer Options / Reports для Blazor / Server

The Blazor designer is configured the same way as the viewer, through an options object and a theme.

Changing the Designer Options / Reports для Blazor / Web Assembly

The Blazor designer is configured the same way as the viewer, through an options object and a theme.

Changing the Viewer Options / Reports для Blazor / Server

The viewer's appearance, toolbar, size and theme can all be configured.

Changing the Viewer Options / Reports для Blazor / Web Assembly

The viewer's appearance, toolbar, size and theme can all be configured.

Connecting to Data from Code / Reports для Blazor / Server

A report's data can be supplied and switched from Blazor code.

Connecting to Data from Code / Reports для Blazor / Web Assembly

A report's data can be swapped at run time.

Creating a Custom Button on the Viewer Toolbar / Reports для Blazor / Server

Set up the report viewer in Server, load a template, and connect the component to the application.

Creating a Custom Button on the Viewer Toolbar / Reports для Blazor / Web Assembly

Set up the report viewer in WebAssembly, load a template, and connect the component to the application.

Editing a Report Template in the Designer / Reports для Blazor / Server

Embed the report designer in Server, load a template, and connect its editing and save actions.

Editing a Report Template in the Designer / Reports для Blazor / Web Assembly

Stimulsoft provides a native Blazor designer; assigning a report and handling its save event lets users edit and persist templates.

Exporting a Report from Code / Reports для Blazor / Server

A report can be rendered and exported to a file — or streamed to the browser as a download — straight from Blazor code.

Exporting a Report from Code / Reports для Blazor / Web Assembly

A report can be rendered and exported to a file — or streamed to the browser as a download — straight from Blazor code.

Exporting a Report in a .NET MAUI Application / Reports для Blazor / .NET MAUI

Render the report in .

Loading and Saving a Report Template / Reports для Blazor / Server

A report template can be loaded, rendered, and serialized to JSON — the basis for saving templates that users have edited.

Loading and Saving a Report Template / Reports для Blazor / Web Assembly

A report template can be loaded, rendered, and serialized to JSON — the basis for saving templates that users have edited.

Localizing the Viewer / Reports для Blazor / Server

The viewer interface can be shown in different languages by pointing it to a localization file through the component parameter.

Localizing the Viewer / Reports для Blazor / Web Assembly

The viewer interface can be localized by pointing its Localization parameter at a Stimulsoft language XML file.

Showing a Report in the Viewer / Reports для Blazor / Server

Stimulsoft provides native Blazor components, so the viewer is used as a Razor tag.

Showing a Report in the Viewer / Reports для Blazor / Web Assembly

Stimulsoft ships native Blazor components, so the viewer is placed as a Razor tag and fed a StiReport object.

Showing a Viewer without Toolbar / Reports для Blazor / Server

The viewer can be shown without its toolbar for a clean, read-only preview.

Showing a Viewer without Toolbar / Reports для Blazor / Web Assembly

The Blazor viewer is configured through a StiBlazorViewerOptions object — here the toolbar is hidden and full-screen mode is enabled.

Using business objects in the report / Reports для Blazor / Server

Reports can be bound to your application's business objects.

Using business objects in the report / Reports для Blazor / Web Assembly

A report can be bound to a business object registered from code before it is shown or designed.

Using Report Variables in Code / Reports для Blazor / Server

Report variables receive values from the Blazor UI; assign them by name on a copy of the report, then re-render.

Using Report Variables in Code / Reports для Blazor / Web Assembly

Report variables receive values from the Blazor UI; assign them by name on a copy of the report, then re-render.

Using SQL Data Sources / Reports для Blazor / Web Assembly

In a Blazor WebAssembly app the browser cannot reach a database directly, so SQL data is fetched through a server API.

Using User Data in Reports / Reports для Blazor / Server

A StiUserData component supplies rows on demand through an event — useful when data has no ready-made source.

Using User Data in Reports / Reports для Blazor / Web Assembly

A StiUserData component supplies rows on demand through an event — useful when data has no ready-made source.

Integrating the Report Components in ASP.NET App / Reports для Angular / .NET Framework

This example shows how to integrate the Angular report viewer and designer into a classic ASP.

Integrating the Report Components in ASP.NET App / Reports для Angular / ASP.NET MVC

This example shows how to integrate the report viewer and report designer into an application.

Integrating the Report Viewer into an Application / Reports для Angular / .NET 6.0

The Angular report viewer is backed by an ASP.

Integrating the Report Viewer into an Application / Reports для Angular / .NET 8.0

The Angular report viewer is backed by an ASP.

Integrating the Report Viewer into an Application / Reports для Angular / .NET Core 3.1

This example shows how to integrate the report viewer into an application.

Integrating the Report Viewer into Standalone Angular Component / Reports для Angular / .NET 6.0

Modern Angular applications can be built from standalone components that declare their own dependencies, without a central NgModule.

Integrating the Report Viewer into Standalone Angular Component / Reports для Angular / .NET 8.0

Modern Angular applications can be built from standalone components that declare their own dependencies, without a central NgModule.

Localizing the Viewer / Reports для Angular / .NET 6.0

The viewer interface — toolbar tooltips, menus, dialogs — can be shown in any language.

Localizing the Viewer / Reports для Angular / .NET 8.0

The viewer interface — toolbar tooltips, menus, dialogs — can be shown in any language.

Localizing the Viewer / Reports для Angular / .NET Core 3.1

This example shows how to localize the viewer.

Sending a Report by Email / Reports для Angular / .NET 6.0

Create the document in memory in .

Sending a Report by Email / Reports для Angular / .NET 8.0

Create the document in memory in .

Sending a Report by Email / Reports для Angular / .NET Core 3.1

This example shows how to send a report by email.

Using API Methods / Reports для Angular / .NET 6.0

For finer control you can talk to the viewer directly through its API instead of only reacting to events.

Using API Methods / Reports для Angular / .NET 8.0

For finer control you can talk to the viewer directly through its API instead of only reacting to events.

Using API Methods / Reports для Angular / .NET Core 3.1

This example shows how to integrate the report viewer into an application.

Using Designer Events / Reports для Angular / .NET 6.0

Stimulsoft for Angular includes a report designer alongside the viewer; this controller serves it and handles its Get and Save actions.

Using Designer Events / Reports для Angular / .NET 8.0

Stimulsoft for Angular includes a report designer alongside the viewer; this controller serves it and handles its Get and Save actions.

Using Designer Events / Reports для Angular / .NET Core 3.1

This example shows how to use designer events.

Using Viewer Events / Reports для Angular / .NET 6.0

Set up the report viewer in .

Using Viewer Events / Reports для Angular / .NET 8.0

Set up the report viewer in .

Using Viewer Events / Reports для Angular / .NET Core 3.1

This example shows how to use viewer events.

Using Viewer Parameters / Reports для Angular / .NET 6.0

The viewer can be driven from your application through a properties object bound to the component.

Using Viewer Parameters / Reports для Angular / .NET 8.0

The viewer can be driven from your application through a properties object bound to the component.

Using Viewer Parameters / Reports для Angular / .NET Core 3.1

This example shows how to use viewer parameters.

Integrating the Report Viewer into an Application / Reports для React / .NET 6.0

The React report viewer is backed by an ASP.

Integrating the Report Viewer into an Application / Reports для React / .NET 8.0

The React report viewer is backed by an ASP.

Integrating the Report Viewer into an Application / Reports для React / .NET 10.0

The React report viewer is backed by an ASP.

Localizing the Viewer / Reports для React / .NET 6.0

The viewer interface — toolbar tooltips, menus, dialogs — can be shown in any language.

Localizing the Viewer / Reports для React / .NET 8.0

The viewer interface — toolbar tooltips, menus, dialogs — can be shown in any language.

Localizing the Viewer / Reports для React / .NET 10.0

The viewer interface — toolbar tooltips, menus, dialogs — can be shown in any language.

Sending a Report by Email / Reports для React / .NET 6.0

Create the document in memory in .

Sending a Report by Email / Reports для React / .NET 8.0

Create the document in memory in .

Sending a Report by Email / Reports для React / .NET 10.0

Create the document in memory in .

Using API Methods / Reports для React / .NET 6.0

For finer control you can talk to the viewer directly through its API instead of only reacting to events.

Using API Methods / Reports для React / .NET 8.0

For finer control you can talk to the viewer directly through its API instead of only reacting to events.

Using API Methods / Reports для React / .NET 10.0

For finer control you can talk to the viewer directly through its API instead of only reacting to events.

Using Viewer Events / Reports для React / .NET 6.0

Set up the report viewer in .

Using Viewer Events / Reports для React / .NET 8.0

Set up the report viewer in .

Using Viewer Events / Reports для React / .NET 10.0

Set up the report viewer in .

Using Viewer Parameters / Reports для React / .NET 6.0

The viewer can be driven from your application through a properties object — for instance to switch which report is shown at run time.

Using Viewer Parameters / Reports для React / .NET 8.0

The viewer can be driven from your application through a properties object — for instance to switch which report is shown at run time.

Using Viewer Parameters / Reports для React / .NET 10.0

The viewer can be driven from your application through a properties object — for instance to switch which report is shown at run time.

Integrating the Report Viewer into an Application / Reports для Vue.js / .NET 6.0

The Vue report viewer is backed by an ASP.

Integrating the Report Viewer into an Application / Reports для Vue.js / .NET 8.0

The Vue report viewer is backed by an ASP.

Integrating the Report Viewer into an Application / Reports для Vue.js / .NET 10.0

The Vue report viewer is backed by an ASP.

Localizing the Viewer / Reports для Vue.js / .NET 6.0

The viewer interface — toolbar tooltips, menus, dialogs — can be shown in any language.

Localizing the Viewer / Reports для Vue.js / .NET 8.0

The viewer interface — toolbar tooltips, menus, dialogs — can be shown in any language.

Localizing the Viewer / Reports для Vue.js / .NET 10.0

The viewer interface — toolbar tooltips, menus, dialogs — can be shown in any language.

Sending a Report by Email / Reports для Vue.js / .NET 6.0

Create the document in memory in .

Sending a Report by Email / Reports для Vue.js / .NET 8.0

Create the document in memory in .

Sending a Report by Email / Reports для Vue.js / .NET 10.0

Create the document in memory in .

Using API Methods / Reports для Vue.js / .NET 6.0

For finer control you can talk to the viewer directly through its API instead of only reacting to events.

Using API Methods / Reports для Vue.js / .NET 8.0

For finer control you can talk to the viewer directly through its API instead of only reacting to events.

Using API Methods / Reports для Vue.js / .NET 10.0

For finer control you can talk to the viewer directly through its API instead of only reacting to events.

Using Viewer Events / Reports для Vue.js / .NET 6.0

Set up the report viewer in .

Using Viewer Events / Reports для Vue.js / .NET 8.0

Set up the report viewer in .

Using Viewer Events / Reports для Vue.js / .NET 10.0

Set up the report viewer in .

Using Viewer Parameters / Reports для Vue.js / .NET 6.0

The viewer can be driven from your application through a properties object — for instance to switch which report is shown at run time.

Using Viewer Parameters / Reports для Vue.js / .NET 8.0

The viewer can be driven from your application through a properties object — for instance to switch which report is shown at run time.

Using Viewer Parameters / Reports для Vue.js / .NET 10.0

The viewer can be driven from your application through a properties object — for instance to switch which report is shown at run time.

Copying Components Between Reports / Reports.JAVA / Java

Reusable content can be moved between templates by serializing a component from one report and deserializing it into another.

Creating a Custom Button on the Viewer Toolbar / Reports.JAVA / Java

The viewer toolbar can be extended with your own button.

Creating Report at Runtime / Reports.JAVA / Java

A report can be built entirely in Java code — create the page, attach a data source, add bands, and place text components on them.

Creating Report with MySQL Database at Runtime / Reports.JAVA / Java

A report can be connected to a MySQL database at run time — define the connection and a SQL data source, read its columns, and bind them to a band.

Creating Report with Relations at Runtime / Reports.JAVA / Java

Two data sources can be linked by a relation defined in code, so a master-detail report resolves child rows for each parent.

Exporting a Report from Code / Reports.JAVA / Java

A rendered report can be exported to any supported format straight from Java code, using StiExportManager.

Exporting a Report with the Export Dialog / Reports.JAVA / Java

Exports can be routed through a save dialog that also exposes per-format export settings, via StiFileSaveDialog.

Merging Several Reports into One / Reports.JAVA / Java

Several rendered reports can be combined into one document by rendering each and adding its pages into a target report.

Printing the Report Template from Code / Reports.JAVA / Java

Render the report in Java and start the print workflow with settings supplied by the application.

Running the Angular Viewer / Reports.JAVA / Java

The Stimulsoft Angular viewer runs as a front-end component that talks to a Java backend (a Java SE servlet) through a request URL.

Running the Angular Viewer with Jakarta EE / Reports.JAVA / Java

The Stimulsoft Angular viewer runs as a front-end component that talks to a Java backend (a Jakarta EE servlet) through a request URL.

Running the Angular Viewer with Spring Boot / Reports.JAVA / Java

The Stimulsoft Angular viewer runs as a front-end component that talks to a Java backend (a Spring Boot controller) through a request URL.

Running the Designer / Reports.JAVA / Java

The web designer is added to a JSP page through a StiWebDesigerHandler that supplies the report and persists it on save.

Running the Designer and Viewer with Jakarta Faces / Reports.JAVA / Java

With JavaServer Faces the viewer and designer are backed by session-scoped managed beans, and each is shown on its own Facelets page.

Running the Designer and Viewer with JavaServer Faces / Reports.JAVA / Java

With JavaServer Faces the viewer and designer are backed by session-scoped managed beans, and each is shown on its own Facelets page.

Running the Designer and Viewer with Spring Boot / Reports.JAVA / Java

This example hosts both the Stimulsoft web viewer and the web designer in a single Spring Boot application using server-rendered views.

Running the Designer Jakarta EE / Reports.JAVA / Java

The web designer is added to a JSP page through a StiWebDesigerHandler that supplies the report and persists it on save.

Running the React Viewer / Reports.JAVA / Java

The Stimulsoft React viewer runs as a front-end component that talks to a Java backend (a Java SE servlet) through a request URL.

Running the React Viewer with Jakarta EE / Reports.JAVA / Java

The Stimulsoft React viewer runs as a front-end component that talks to a Java backend (a Jakarta EE servlet) through a request URL.

Running the React Viewer with Spring Boot / Reports.JAVA / Java

The Stimulsoft React viewer runs as a front-end component that talks to a Java backend (a Spring Boot controller) through a request URL.

Running the Viewer / Reports.JAVA / Java

The web viewer is added to a JSP page with the Stimulsoft tag library, after registering its servlets in web.

Running the Viewer Jakarta EE / Reports.JAVA / Java

The web viewer is added to a JSP page with the Stimulsoft tag library, after registering its servlets in web.

Using an Oracle Database / Reports.JAVA / Java

This tutorial shows how to use the Oracle database connection in the Java reports.

Using Events of the Report Render Process / Reports.JAVA / Java

Handle the relevant report event in Java and use its arguments to adjust the application behavior.

Change Theme in Avalonia / Reports для Avalonia / .NET 6.0

Stimulsoft integrates with Avalonia's light/dark theming.

Change Theme in Avalonia / Reports для Avalonia / .NET 8.0

Stimulsoft integrates with Avalonia's light/dark theming.

Creating Chart at Runtime / Reports для Avalonia / .NET 6.0

A chart can be built entirely in code and placed on a report page at run time — no template required.

Creating Chart at Runtime / Reports для Avalonia / .NET 8.0

A chart can be built entirely in code and placed on a report page at run time — no template required.

Creating Report at Runtime / Reports для Avalonia / .NET 6.0

A report can be built entirely in code under Avalonia — pages, bands and components are objects you create.

Creating Report at Runtime / Reports для Avalonia / .NET 8.0

A report can be built entirely in code under Avalonia — pages, bands and components are objects you create.

Customizing the Viewer / Reports для Avalonia / .NET 6.0

The Avalonia StiViewerControl exposes a property for every toolbar command and panel, so any part of the preview can be shown or hidden.

Customizing the Viewer / Reports для Avalonia / .NET 8.0

The Avalonia StiViewerControl exposes a property for every toolbar command and panel, so any part of the preview can be shown or hidden.

Drilling Down Report in Live / Reports для Avalonia / .NET 6.0

A click on a report element can open a filtered detail report — interactive drill-down, live in the Avalonia viewer.

Drilling Down Report in Live / Reports для Avalonia / .NET 8.0

A click on a report element can open a filtered detail report — interactive drill-down, live in the Avalonia viewer.

Exporting a Report from Code / Reports для Avalonia / .NET 6.0

A report can be rendered and exported to any supported format straight from an Avalonia app — PDF, Word, Excel, text or image.

Exporting a Report from Code / Reports для Avalonia / .NET 8.0

A report can be rendered and exported to any supported format straight from an Avalonia app — PDF, Word, Excel, text or image.

Globalizing Reports / Reports для Avalonia / .NET 6.0

Globalization lets one report present its data in different cultures — number, date and currency formats follow the selected culture.

Globalizing Reports / Reports для Avalonia / .NET 8.0

Globalization lets one report present its data in different cultures — number, date and currency formats follow the selected culture.

Managing Reports with Sub-Reports / Reports для Avalonia / .NET 6.0

A master report can host sub-reports that pull their own data, so a complex document is composed from independent templates.

Managing Reports with Sub-Reports / Reports для Avalonia / .NET 8.0

A master report can host sub-reports that pull their own data, so a complex document is composed from independent templates.

Using Business Objects in the Report / Reports для Avalonia / .NET 6.0

Reports can be bound directly to your application's business objects — any IEnumerable collection — without converting them to datasets first.

Using Business Objects in the Report / Reports для Avalonia / .NET 8.0

Reports can be bound directly to your application's business objects — any IEnumerable collection — without converting them to datasets first.

Using Linq in Reports / Reports для Avalonia / .NET 6.0

The result of a LINQ query can be used as a report data source, so filtering, sorting and shaping happen in code before the report sees the data.

Using Linq in Reports / Reports для Avalonia / .NET 8.0

The result of a LINQ query can be used as a report data source, so filtering, sorting and shaping happen in code before the report sees the data.

Using Report Variables in Code / Reports для Avalonia / .NET 6.0

Report variables receive values from the application — text boxes, date pickers, checkboxes — assigned by name before rendering.

Using Report Variables in Code / Reports для Avalonia / .NET 8.0

Report variables receive values from the application — text boxes, date pickers, checkboxes — assigned by name before rendering.

Adding a Custom Function to the Designer / Dashboards.WEB / .NET 6.0

A custom function registered with StiFunctions becomes available in the dashboard designer's expression editor, alongside the built-in ones.

Adding a Custom Function to the Designer / Dashboards.WEB / .NET 8.0

A custom function registered with StiFunctions becomes available in the dashboard designer's expression editor, alongside the built-in ones.

Adding a Custom Function to the Designer / Dashboards.WEB / ASP.NET MVC

This example illustrates how to add a custom function to the designer and use it in the dashboard template.

Adding a Custom Function to the Designer / Dashboards.WEB / ASP.NET

This example illustrates how to add a custom function to the designer and use it in the dashboard template.

Adding a Custom Function to the Designer / Dashboards.WEB / .NET Core 3.1

This example illustrates how to add a custom function to the designer and use it in the dashboard template.

Creating Dashboard at Runtime / Dashboards.WEB / .NET 6.0

A dashboard can be built entirely in code — the page, a table element, its dimension columns and filters — with no designed template.

Creating Dashboard at Runtime / Dashboards.WEB / .NET 8.0

A dashboard can be built entirely in code — the page, a table element, its dimension columns and filters — with no designed template.

Creating Dashboard at Runtime / Dashboards.WEB / .NET Core 3.1

This example shows how to create a simple dashboard in runtime.

Creating Dashboard at Runtime / Dashboards.WEB / ASP.NET

This sample project demonstrates a runtime dashboard creation.

Creating Dashboard at Runtime / Dashboards.WEB / ASP.NET MVC

This example shows how to create a simple dashboard in runtime.

Editing a Dashboard in the Designer / Dashboards.WEB / .NET 6.0

The Stimulsoft web dashboard designer can be embedded in an ASP.

Editing a Dashboard in the Designer / Dashboards.WEB / .NET 8.0

The Stimulsoft web dashboard designer can be embedded in an ASP.

Editing a Dashboard in the Designer / Dashboards.WEB / .NET Core 3.1

This example shows how to load a dashboard template and edit it in the designer.

Editing a Dashboard in the Designer / Dashboards.WEB / ASP.NET

This sample project demonstrates how to edit dashboard in the designer.

Editing a Dashboard in the Designer / Dashboards.WEB / ASP.NET MVC

This example shows how to edit dashboard in the designer.

Exporting a Dashboard from Code / Dashboards.WEB / ASP.NET

This sample project demonstrates how to export dashboard from code.

Exporting a Dashboard from Code / Dashboards.WEB / ASP.NET MVC

This sample project shows how to export and print the dashboard from code without using the viewer.

Exporting and Printing a Dashboard from Code / Dashboards.WEB / .NET 6.0

A dashboard can be printed or exported straight to the HTTP response — no viewer needed.

Exporting and Printing a Dashboard from Code / Dashboards.WEB / .NET 8.0

A dashboard can be printed or exported straight to the HTTP response — no viewer needed.

Exporting and Printing a Dashboard from Code / Dashboards.WEB / .NET Core 3.1

This sample project shows how to export and print the dashboard from code without using the viewer.

Registering a Data for the Dashboard / Dashboards.WEB / .NET 6.0

In an ASP.

Registering a Data for the Dashboard / Dashboards.WEB / .NET 8.0

In an ASP.

Registering a Data for the Dashboard / Dashboards.WEB / .NET Core 3.1

This example shows how to register data in the dashboard from code.

Registering a Data for the Dashboard / Dashboards.WEB / ASP.NET

This sample project demonstrates how to register data for dashboard template.

Registering a Data for the Dashboard / Dashboards.WEB / ASP.NET MVC

This example shows how to register data in the dashboard from code.

Showing a Dashboard in the Viewer / Dashboards.WEB / .NET 6.0

The Stimulsoft web viewer displays interactive dashboards in ASP.

Showing a Dashboard in the Viewer / Dashboards.WEB / .NET 8.0

The Stimulsoft web viewer displays interactive dashboards in ASP.

Showing a Dashboard in the Viewer / Dashboards.WEB / .NET Core 3.1

This example shows how to load a dashboard template and show it in the viewer.

Showing a Dashboard in the Viewer / Dashboards.WEB / ASP.NET

This sample project demonstrates how to show dashboard in the viewer.

Showing a Dashboard in the Viewer / Dashboards.WEB / ASP.NET MVC

This example shows how to load a dashboard template and show it in the viewer.

Using the Dashboard Theme on the Website / Dashboards.WEB / .NET 6.0

A dashboard carries its own colors; you can read them on the server and pass them to the layout so the surrounding web page matches the dashboard.

Using the Dashboard Theme on the Website / Dashboards.WEB / .NET 8.0

A dashboard carries its own colors; you can read them on the server and pass them to the layout so the surrounding web page matches the dashboard.

Using the Dashboard Theme on the Website / Dashboards.WEB / .NET Core 3.1

The example shows how you can get the color scheme of the dashboard template and apply it to a website.

Using the Dashboard Theme on the Website / Dashboards.WEB / ASP.NET

The example shows how you can get the color scheme of the dashboard template and apply it to a website.

Using the Dashboard Theme on the Website / Dashboards.WEB / ASP.NET MVC

The example shows how you can get the color scheme of the dashboard template and apply it to a website.

Adding a Custom Function to the Designer / Dashboards.WIN / .NET Framework

A custom function registered with StiFunctions becomes available in dashboard and report expressions, alongside the built-in ones.

Creating Dashboard at Runtime / Dashboards.WIN / .NET Framework

A dashboard can be built entirely in code — table elements, dimension columns and filters — without a designed template.

Editing a Dashboard in the Designer / Dashboards.WIN / .NET Framework

Your application can host the dashboard designer so users edit dashboards themselves.

Exporting a Dashboard / Dashboards.WIN / .NET Framework

A dashboard renders and exports to documents and data formats just like a report.

Exporting a Dashboard Asynchronously / Dashboards.WIN / .NET Framework

Exporting a dashboard through the async API keeps the UI responsive during long exports.

Registering a Data for Dashboard Template / Dashboards.WIN / .NET Framework

Data can be attached to a dashboard at run time — here a JSON file is parsed and bound to the template before it is shown.

Showing a Dashboard in the Viewer / Dashboards.WIN / .NET Framework

A dashboard is a report created with CreateNewDashboard(); once loaded it opens in the WinForms viewer just like a report.

Showing a Dashboard in the WPF Viewer / Dashboards.WIN / .NET Framework

In a WPF app a dashboard displays either in a ready-made window or embedded in a StiViewerControl.

Adding a Font to the Resource / Dashboards.JS / HTML

Register the required resource in JavaScript so the dashboard renders consistently in every environment.

Adding a Font to the Resource / Dashboards.JS / React

Embedding a font as a dashboard resource makes the template self-contained — it renders with the same typography everywhere.

Adding a Font to the Resource / Dashboards.JS / Angular

Embedding a font as a dashboard resource makes the template self-contained — it renders with the same typography everywhere.

Adding a Font to the Resource / Dashboards.JS / Vue 3

A font can be embedded into a dashboard as a resource so it renders identically everywhere; here a TrueType font is added to the dictionary.

Assigning a Dashboard to the Viewer / Dashboards.JS / HTML

Dashboards.

Assigning a Dashboard to the Viewer / Dashboards.JS / React

Dashboards.

Assigning a Dashboard to the Viewer / Dashboards.JS / Angular

Dashboards.

Assigning a Dashboard to the Viewer / Dashboards.JS / Vue 3

Dashboards.

Changing the Designer Theme / Dashboards.JS / HTML

Embed the dashboard designer in JavaScript, load a template, and connect its editing and save actions.

Changing the Designer Theme / Dashboards.JS / React

The dashboard designer supports many themes, chosen through the options object from the StiDesignerTheme enumeration.

Changing the Designer Theme / Dashboards.JS / Angular

The dashboard designer supports many themes, chosen through the options object from the StiDesignerTheme enumeration.

Changing the Designer Theme / Dashboards.JS / Vue 3

The dashboard designer supports many themes, chosen through the options object from the StiDesignerTheme enumeration.

Changing the Viewer Theme / Dashboards.JS / HTML

The dashboard viewer supports many themes, selected through options.

Changing the Viewer Theme / Dashboards.JS / React

The dashboard viewer supports many themes, chosen through the options object from the StiViewerTheme enumeration.

Changing the Viewer Theme / Dashboards.JS / Angular

The dashboard viewer supports many themes, chosen through the options object from the StiViewerTheme enumeration.

Changing the Viewer Theme / Dashboards.JS / Vue 3

The dashboard viewer supports many themes, chosen through the options object from the StiViewerTheme enumeration.

Connecting to Databases / Dashboards.JS / Java

This example shows how to connect to databases.

Creating a new Data Connection from code / Dashboards.JS / React

A data connection can be built from code and added to the dashboard's dictionary, replacing whatever the template carried.

Creating a new Data Connection from code / Dashboards.JS / Angular

A data connection can be built from code and added to the dashboard's dictionary, replacing whatever the template carried.

Creating a new Data Connection from code / Dashboards.JS / Vue 3

A data connection can be built from code and added to the dashboard's dictionary, replacing whatever the template carried.

Creating a Table then Adding Two Filters and Exporting to Excel / Dashboards.JS / HTML

Render the dashboard in JavaScript and export it directly from code, without opening the viewer.

Creating a Table then Adding Two Filters and Exporting to Excel / Dashboards.JS / Node.js

Render the dashboard in Node.

Creating Dashboard at Runtime / Dashboards.JS / HTML

A dashboard can be built entirely from code — pages and elements are objects you create and add.

Creating Dashboard at Runtime / Dashboards.JS / React

A dashboard can be built entirely in code — data, a table element, dimension columns and filters — with no designed template.

Creating Dashboard at Runtime / Dashboards.JS / Angular

A dashboard can be built entirely in code — data, a table element, dimension columns and filters — with no designed template.

Creating Dashboard at Runtime / Dashboards.JS / Vue 3

A dashboard can be built entirely in code — data, a table element, dimension columns and filters — with no designed template.

Customizing the Designer / Dashboards.JS / HTML

The dashboard designer interface can be trimmed to expose only the features you want.

Customizing the Designer / Dashboards.JS / React

The designer's toolbar, file menu and the component palette are all configured through the options object.

Customizing the Designer / Dashboards.JS / Angular

The designer's toolbar, file menu and the component palette are all configured through the options object.

Customizing the Designer / Dashboards.JS / Vue 3

The designer's toolbar, file menu and the component palette are all configured through the options object.

Customizing the Viewer / Dashboards.JS / HTML

Set up the dashboard viewer in JavaScript, load a template, and connect the component to the application.

Customizing the Viewer / Dashboards.JS / React

Every part of the viewer — toolbar buttons, export formats, appearance — is toggled through the options object.

Customizing the Viewer / Dashboards.JS / Angular

Every part of the viewer — toolbar buttons, export formats, appearance — is toggled through the options object.

Customizing the Viewer / Dashboards.JS / Vue 3

Every part of the viewer — toolbar buttons, export formats, appearance — is toggled through the options object.

Editing a Dashboard Template / Dashboards.JS / HTML

Dashboards.

Editing a Dashboard Template and Showing it in the Dashboard Viewer / Dashboards.JS / HTML

The viewer and designer can share one dashboard, toggling between preview and editing by moving the report object between them.

Exporting a Dashboard from Code / Dashboards.JS / HTML

A whole dashboard — or a single element — can be exported to PDF or Excel straight from JavaScript.

Exporting a Dashboard from Code with Changing Export Settings / Dashboards.JS / React

A code-driven dashboard export can be fine-tuned with a settings object — here PDF orientation and paper size.

Exporting a Dashboard from Code with Changing Export Settings / Dashboards.JS / Angular

A code-driven dashboard export can be fine-tuned with a settings object — here PDF orientation and paper size.

Exporting a Dashboard from Code with Changing Export Settings / Dashboards.JS / Vue 3

A code-driven dashboard export can be fine-tuned with a settings object — here PDF orientation and paper size.

Exporting a Dashboard to Excel / Dashboards.JS / Node.js

On Node.

Exporting a Dashboard to HTML / Dashboards.JS / React

A dashboard can be rendered and exported to an HTML file straight from code, then saved in the browser.

Exporting a Dashboard to HTML / Dashboards.JS / Angular

A dashboard can be rendered and exported to an HTML file straight from code, then saved in the browser.

Exporting a Dashboard to HTML / Dashboards.JS / Vue 3

A dashboard can be rendered and exported to an HTML file straight from code, then saved in the browser.

Exporting a Dashboard to PDF / Dashboards.JS / Node.js

The dashboard engine runs headless on Node.

Exporting a Dashboard to PDF / Dashboards.JS / React

A dashboard can be rendered and exported to a PDF file straight from code, then saved in the browser.

Exporting a Dashboard to PDF / Dashboards.JS / Angular

A dashboard can be rendered and exported to a PDF file straight from code, then saved in the browser.

Exporting a Dashboard to PDF / Dashboards.JS / Vue 3

A dashboard can be rendered and exported to a PDF file straight from code, then saved in the browser.

Get a modified Dashboard from the Designer / Dashboards.JS / React

When the user opens a different dashboard in the designer, it assigns a new report object — onAssignedReport lets you capture it.

Get a modified Dashboard from the Designer / Dashboards.JS / Angular

When the user opens a different dashboard in the designer, it assigns a new report object — onAssignedReport lets you capture it.

Get a modified Dashboard from the Designer / Dashboards.JS / Vue 3

When the user opens a different dashboard in the designer, it assigns a new report object — onAssignedReport lets you capture it.

Globalizing Dashboard / Dashboards.JS / React

A dashboard can be globalized at run time — switching a language reloads the localization file and sets the report's culture.

Globalizing Dashboard / Dashboards.JS / Angular

A dashboard can be globalized at run time — switching a language reloads the localization file and sets the report's culture.

Globalizing Dashboard / Dashboards.JS / Vue 3

A dashboard can be globalized at run time — switching a language reloads the localization file and sets the report's culture.

How to Activate the Product / Dashboards.JS / React

By default Dashboards.

How to Activate the Product / Dashboards.JS / Angular

By default Dashboards.

How to Activate the Product / Dashboards.JS / Vue 3

By default Dashboards.

Integrating the Dashboard Designer into an Application / Dashboards.JS / Vue 3

This example shows how to integrate the dashboard designer into a Vue.

Integrating the Dashboard Designer into an Application / Dashboards.JS / Vue.js

This example shows how to integrate the dashboard designer into a Vue.

Integrating the Dashboard Designer into an Application / Dashboards.JS / Angular

This example shows how to integrate the dashboard designer into an Angular application.

Integrating the Dashboard Designer into an Application / Dashboards.JS / React

This example shows how to integrate the dashboard designer into a React application.

Integrating the Dashboard Designer into an Application (TypeScript) / Dashboards.JS / React

This example shows how to integrate the dashboard designer into a React application with TypeScript.

Integrating the Dashboard Viewer into an Application / Dashboards.JS / Vue 3

This example shows how to integrate the dashboard viewer into a Vue.

Integrating the Dashboard Viewer into an Application / Dashboards.JS / Vue.js

This example shows how to integrate the dashboard viewer into a Vue.

Integrating the Dashboard Viewer into an Application / Dashboards.JS / Angular

This example shows how to integrate the dashboard viewer into an Angular application.

Integrating the Dashboard Viewer into an Application / Dashboards.JS / React

This example shows how to integrate the dashboard viewer into a React application.

Integrating the Dashboard Viewer into an Application (TypeScript) / Dashboards.JS / React

This example shows how to integrate the dashboard viewer into a React application with TypeScript.

Loading a Dashboard and Saving a Dashboard / Dashboards.JS / Node.js

On Node.

Loading a Dashboard from the Server-Side / Dashboards.JS / Node.js

On Node.

Loading a Dashboard from the Server-Side / Dashboards.JS / PHP

This example shows how to load a dashboard from the server-side.

Loading a Dashboard from the Server-Side / Dashboards.JS / ASP.NET

This example shows how to load a dashboard from the server-side.

Loading a Dashboard from the Server-Side / Dashboards.JS / .NET Core 3.1

This example shows how to load a dashboard from the server-side.

Loading Scripts in Part to Minify Project / Dashboards.JS / HTML

Dashboards.

Localization the Designer / Dashboards.JS / HTML

The dashboard designer interface can be shown in different languages by adding localization files.

Localizing the Designer / Dashboards.JS / React

The designer can offer several interface languages in its menu, loaded from Stimulsoft language XML files.

Localizing the Designer / Dashboards.JS / Angular

The designer can offer several interface languages in its menu, loaded from Stimulsoft language XML files.

Localizing the Designer / Dashboards.JS / Vue 3

The designer can offer several interface languages in its menu, loaded from Stimulsoft language XML files.

Localizing the Viewer / Dashboards.JS / React

The viewer interface can be localized by loading a Stimulsoft language XML file before it renders.

Localizing the Viewer / Dashboards.JS / Angular

The viewer interface can be localized by loading a Stimulsoft language XML file before it renders.

Localizing the Viewer / Dashboards.JS / Vue 3

The viewer interface can be localized by loading a Stimulsoft language XML file before it renders.

Printing the Dashboard from Code / Dashboards.JS / React

A dashboard can be sent to the printer straight from code — as PDF or as HTML.

Printing the Dashboard from Code / Dashboards.JS / Angular

A dashboard can be sent to the printer straight from code — as PDF or as HTML.

Printing the Dashboard from Code / Dashboards.JS / Vue 3

A dashboard can be sent to the printer straight from code — as PDF or as HTML.

Registering a Data for Dashboard Template / Dashboards.JS / HTML

Data can be supplied from code by loading a dataset and registering it in place of the template's connections.

Registering a JSON Data for the Dashboard Template / Dashboards.JS / HTML

A JSON file can be embedded into the dashboard as a resource, so the template carries its own data.

Registering Data from Code / Dashboards.JS / React

A dashboard's data can be supplied from code.

Registering Data from Code / Dashboards.JS / Angular

Data can be registered for a dashboard from code — here two buttons load XML or JSON and rebuild the report with it.

Registering Data from Code / Dashboards.JS / Vue 3

A dashboard's data can be supplied from code.

Showing the Dashboard Designer Immediately after Running an App / Dashboards.JS / HTML

The dashboard designer can be shown as soon as the page loads.

Showing the Dashboard Designer in a Required Position / Dashboards.JS / HTML

The dashboard designer can be placed into any element on your page rather than filling the window.

Showing the Dashboard Designer in iframe / Dashboards.JS / HTML

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

Showing the Dashboard Viewer Immediately after Running an App / Dashboards.JS / HTML

Set up the dashboard viewer in JavaScript, load a template, and connect the component to the application.

Showing the Dashboard Viewer in a Required Position / Dashboards.JS / HTML

The dashboard viewer can be rendered into any element on the page to fit your layout.

Showing the Dashboard Viewer in iframe / Dashboards.JS / HTML

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

Showing the Dashboard Viewer on the Web Page / Dashboards.JS / HTML

A dashboard is a report created with createNewDashboard(); the JavaScript viewer renders it on the page and can switch dashboards on demand.

Starting SQL adapters from the HTTP server / Dashboards.JS / Node.js

Dashboards.

Supply Custom Headers for Json Database / Dashboards.JS / HTML

When a dashboard loads data from a protected JSON endpoint, authentication headers can be attached in the onBeginProcessData event.

Supply Custom Headers for Json Database / Dashboards.JS / Node.js

On Node.

Supply Custom Headers for JSON Database / Dashboards.JS / .NET Core 3.1

This example shows how to supply custom headers for JSON Database.

Supply Custom Headers for JSON Database / Dashboards.JS / React

When a dashboard reads data from a protected JSON endpoint, authentication headers can be attached in the onBeginProcessData event.

Supply Custom Headers for JSON Database / Dashboards.JS / Angular

When a dashboard reads data from a protected JSON endpoint, authentication headers can be attached in the onBeginProcessData event.

Supply Custom Headers for JSON Database / Dashboards.JS / Vue 3

When a dashboard reads data from a protected JSON endpoint, authentication headers can be attached in the onBeginProcessData event.

Updating a JSON Data for the Dashboard Viewer / Dashboards.JS / HTML

The dashboard's data can be replaced at run time — re-register a fresh dataset and clear the cache so the viewer rebuilds.

Using a Custom Data Adapter / Dashboards.JS / React

For a data source the engine does not support natively, you can register a custom database that answers its data commands yourself.

Using a Custom Data Adapter / Dashboards.JS / Angular

For a data source the engine does not support natively, you can register a custom database that answers its data commands yourself.

Using a Custom Data Adapter / Dashboards.JS / Vue 3

For a data source the engine does not support natively, you can register a custom database that answers its data commands yourself.

Using a Custom Font / Dashboards.JS / Node.js

A custom font can be registered with the engine so it embeds into the exported dashboard — text renders identically anywhere.

Using a Custom Font / Dashboards.JS / React

A custom font can be registered with the engine so the dashboard renders and exports with it.

Using a Custom Font / Dashboards.JS / Angular

A custom font can be registered with the engine so the dashboard renders and exports with it.

Using a Custom Font / Dashboards.JS / Vue 3

A custom font can be registered with the engine so the dashboard renders and exports with it.

Using CDNs for Script Loading / Dashboards.JS / HTML

The Dashboards.

Using Dashboard Variables in Code / Dashboards.JS / React

Dashboard variables can be assigned from code before rendering — handy for passing application state into a template.

Using Dashboard Variables in Code / Dashboards.JS / Angular

Dashboard variables can be assigned from code before rendering — handy for passing application state into a template.

Using Dashboard Variables in Code / Dashboards.JS / Vue 3

Dashboard variables can be assigned from code before rendering — handy for passing application state into a template.

Using Designer Events / Dashboards.JS / React

The designer raises events for saving, creating, previewing and exiting — bind the ones you need as component events.

Using Designer Events / Dashboards.JS / Angular

The designer raises events for saving, creating, previewing and exiting — bind the ones you need as component events.

Using Designer Events / Dashboards.JS / Vue 3

The designer raises events for saving, creating, previewing and exiting — bind the ones you need as component events.

Using Parameters in SQL Query / Dashboards.JS / React

SQL query parameters can be set from code in the onBeginProcessData event before the data request runs.

Using Parameters in SQL Query / Dashboards.JS / Angular

SQL query parameters can be set from code in the onBeginProcessData event before the data request runs.

Using Parameters in SQL Query / Dashboards.JS / Vue 3

SQL query parameters can be set from code in the onBeginProcessData event before the data request runs.

Using SQL Data Sources / Dashboards.JS / React

A dashboard bound to a SQL data source can have its connection string and query rewritten from code in the onBeginProcessData event.

Using SQL Data Sources / Dashboards.JS / Angular

Dashboards can pull data from SQL databases through a data-adapter service; the connection is supplied in the onBeginProcessData event.

Using SQL Data Sources / Dashboards.JS / Vue 3

A dashboard bound to a SQL data source can have its connection string and query rewritten from code in the onBeginProcessData event.

Using the Full-Screen Mode in the Designer / Dashboards.JS / HTML

Embed the dashboard designer in JavaScript, load a template, and connect its editing and save actions.

Using the Full-Screen Mode in the Viewer / Dashboards.JS / HTML

Full-screen mode makes the dashboard viewer fill the whole browser window, ideal for dashboard portals.

Using the Right-To-Left Mode in the Viewer / Dashboards.JS / React

The viewer can be flipped into right-to-left layout for RTL languages with a single appearance option.

Using the Right-To-Left Mode in the Viewer / Dashboards.JS / Angular

The viewer can be flipped into right-to-left layout for RTL languages with a single appearance option.

Using the Right-To-Left Mode in the Viewer / Dashboards.JS / Vue 3

The viewer can be flipped into right-to-left layout for RTL languages with a single appearance option.

Using the two Viewer in the One Project / Dashboards.JS / React

Two independent dashboard viewers can live on one page, each bound to its own report object.

Using the two Viewer in the One Project / Dashboards.JS / Angular

Two independent dashboard viewers can live on one page, each bound to its own report object.

Using the two Viewer in the One Project / Dashboards.JS / Vue 3

Two independent dashboard viewers can live on one page, each bound to its own report object.

Using Viewer Events / Dashboards.JS / React

The dashboard viewer exposes its events as component bindings — here the export event fires when the user exports the dashboard.

Using Viewer Events / Dashboards.JS / Angular

The dashboard viewer exposes its events as component bindings — here the export event fires when the user exports the dashboard.

Using Viewer Events / Dashboards.JS / Vue 3

The dashboard viewer exposes its events as component bindings — here the export event fires when the user exports the dashboard.

Using with Express / Dashboards.JS / Node.js

An Express server can host the Dashboards.

Working with onDesign and onExit Events / Dashboards.JS / React

The viewer and designer can be combined into one edit-and-preview flow, switching between them with a flag.

Working with onDesign and onExit Events / Dashboards.JS / Angular

The viewer and designer can be combined into one edit-and-preview flow, switching between them with a flag.

Working with onDesign and onExit Events / Dashboards.JS / Vue 3

The viewer and designer can be combined into one edit-and-preview flow, switching between them with a flag.

Changing an Export Settings on the Server-Side / Dashboards.PHP / PHP

When the user exports from the viewer, the export settings can be adjusted on the PHP server through the onBeginExportReport event.

Changing Dashboard Properties on the Server-Side / Dashboards.PHP / PHP

Dashboard properties can be changed on the PHP server by editing its JSON before loading it into the client.

Changing the Designer Theme / Dashboards.PHP / PHP

This example shows how to change the designer theme.

Changing the Viewer Theme / Dashboards.PHP / PHP

The dashboard viewer supports many visual themes, set on the PHP options object.

Configuring and Installing NodeJs / Dashboards.PHP / PHP

Install and configure the Node.

Editing a Dashboard in the Designer / Dashboards.PHP / PHP

This example shows how to load a dashboard template in the Stimulsoft Designer using PHP.

Editing a Dashboard in the Designer using JavaScript / Dashboards.PHP / PHP

This example shows how to edit a dashboard template in the Stimulsoft Designer using JavaScript with server-side data handling.

Editing a Dashboard Template in the Designer / Dashboards.PHP / PHP

The Dashboards.

Editing a Dashboard Template in the Designer in an HTML template / Dashboards.PHP / PHP

The designer's scripts and body can be emitted separately to fit your own HTML layout.

Editing a Dashboard Template in the Designer using JavaScript / Dashboards.PHP / PHP

The dashboard designer can be built entirely in client JavaScript, with PHP acting only as the StiHandler request handler.

Exporting a Dashboard from Code / Dashboards.PHP / PHP

A dashboard can be exported from PHP code to PDF, Excel or HTML — the export runs on the client engine, triggered from a button.

Exporting a Dashboard from Code on the Server-Side / Dashboards.PHP / PHP

With the Node.

Exporting a Dashboard from Code with Changing Export Settings / Dashboards.PHP / PHP

Server-side dashboard exports can be fine-tuned with an export-settings object — here PDF metadata and font embedding.

How to Activate the Product / Dashboards.PHP / PHP

Register the Stimulsoft license when the PHP application starts, before creating any dashboard components.

Loading Scripts in Part to Minify Project / Dashboards.PHP / PHP

Dashboards.

Localizing the Designer / Dashboards.PHP / PHP

The designer interface can be shown in different languages, with several localization files at once.

Opening the Dashboard in the Viewer and Changing it on the Server-Side / Dashboards.PHP / PHP

The onOpenedReport event lets you modify a dashboard — or swap it entirely — on the PHP server before the viewer displays it.

Printing a Dashboard from Code / Dashboards.PHP / PHP

A dashboard can be sent to print straight from PHP — loading it and calling print() opens the browser print dialog.

Registering a Data from Code / Dashboards.PHP / PHP

Data can be registered for the dashboard just before it renders, through the onBeforeRender event handled in client JavaScript.

Registering a Data from Code when Exporting a Dashboard on the Server-Side / Dashboards.PHP / PHP

When exporting on the server, data can be registered in the onBeforeRender event — supplied as client JavaScript run by the Node.

Registering Data when Creating a New Dashboard / Dashboards.PHP / PHP

When a user creates a new dashboard in the designer, you can automatically register data for it through the onCreateReport event.

Saving a Dashboard on the Server-Side / Dashboards.PHP / PHP

This example shows how to save a dashboard template from the Designer in Stimulsoft PHP.

Saving a Dashboard Template on the Server-Side / Dashboards.PHP / PHP

When the user saves in the designer, the dashboard is sent to the server, where the onSaveReport event decides how to store it.

Sending an Exported Dashboard to the Server-Side / Dashboards.PHP / PHP

When the user exports a dashboard, the result can be sent back to the server and saved, through the onEndExportReport event.

Showing a Dashboard in the Viewer / Dashboards.PHP / PHP

The Dashboards.

Showing a Dashboard in the Viewer in an HTML template / Dashboards.PHP / PHP

The viewer can be placed inside your own HTML template by emitting its scripts in the head and its markup in the body.

Showing a Dashboard in the Viewer in an HTML template using PHP variables / Dashboards.PHP / PHP

The viewer's HTML can be captured into PHP variables and echoed wherever you need — handy for templating engines.

Showing a Dashboard in the Viewer using JavaScript / Dashboards.PHP / PHP

The viewer can be built entirely in client JavaScript, with PHP acting only as the StiHandler request handler.

Using SQL Data Sources / Dashboards.PHP / PHP

Dashboards can pull data from SQL databases, with the connection handled on the server through the onBeginProcessData event.

Working with onDesign and onExit events / Dashboards.PHP / PHP

The viewer and designer can be linked into one edit-and-preview flow.

Adding a Custom Function to the Designer / Dashboards.BLAZOR / Server

Add a custom function to the expression engine and call it from a dashboard template during rendering.

Adding a Custom Function to the Designer / Dashboards.BLAZOR / Web Assembly

Add a custom function to the expression engine and call it from a dashboard template during rendering.

Creating Dashboard at Runtime / Dashboards.BLAZOR / Server

A dashboard can be built entirely in code — data, a table element, dimension columns and filters — then shown in the viewer with no designed template.

Creating Dashboard at Runtime / Dashboards.BLAZOR / Web Assembly

A dashboard can be built entirely in code — data, a table element, dimension columns and filters — then shown in the viewer with no designed template.

Editing a Dashboard in the Designer / Dashboards.BLAZOR / Server

The native Blazor designer lets users edit a dashboard in the browser; assigning a report is all it needs to open.

Editing a Dashboard in the Designer / Dashboards.BLAZOR / Web Assembly

The native Blazor designer lets users edit a dashboard in the browser; assigning a report is all it needs to open.

Exporting and Printing a Dashboard from Code / Dashboards.BLAZOR / Server

A dashboard can be exported or printed straight to the browser without a viewer — to a file on the server, or streamed to the user as a download.

Exporting and Printing a Dashboard from Code / Dashboards.BLAZOR / Web Assembly

A dashboard can be exported or printed straight to the browser without a viewer — to a file on the server, or streamed to the user as a download.

Registering a Data for the Dashboard / Dashboards.BLAZOR / Server

Data can be attached to a dashboard from code — here a JSON file is parsed and registered before the dashboard is shown.

Registering a Data for the Dashboard / Dashboards.BLAZOR / Web Assembly

Data can be attached to a dashboard from code — here a JSON file is parsed and registered before the dashboard is shown.

Showing a Dashboard in the Viewer / Dashboards.BLAZOR / Server

Stimulsoft provides native Blazor components, so a dashboard is shown with the viewer tag.

Showing a Dashboard in the Viewer / Dashboards.BLAZOR / Web Assembly

A dashboard is a report created with CreateNewDashboard(); the native Blazor viewer tag then renders it in the browser.

Changing an Export Settings on the Server-Side / Dashboards.PYTHON / Python

When the user exports from the viewer, the export settings can be adjusted on the server through the onBeginExportReport event.

Changing the Designer Theme / Dashboards.PYTHON / Python

The dashboard designer supports many visual themes, set on the Python options object.

Configuring and Installing Node.js / Dashboards.PYTHON / Python

The server-side engine relies on Node.

Editing a Dashboard Template in the Designer / Dashboards.PYTHON / Python

The dashboard designer is hosted the same way as the viewer — create a StiDesigner, load a dashboard, and serve the framework response.

Editing a Dashboard Template in the Designer in an HTML template / Dashboards.PYTHON / Python

The designer's scripts and body can be emitted separately to fit your own HTML template, just like the viewer.

Exporting a Dashboard from Code / Dashboards.PYTHON / Python

A dashboard can be rendered and exported directly from code — the export format is chosen from the request and applied client-side.

Exporting a Dashboard from Code on the Server-Side / Dashboards.PYTHON / Python

With the Node.

How to Activate the Product / Dashboards.PYTHON / Python

By default Dashboards.

Loading Scripts in Part to Minify Project / Dashboards.PYTHON / Python

Dashboards.

Localizing the Designer / Dashboards.PYTHON / Python

The dashboard designer interface can be localized by pointing its options at Stimulsoft language XML files.

Registering a Data from Code / Dashboards.PYTHON / Python

Data can be supplied from the server through the onBeginProcessData event instead of being stored in the dashboard.

Registering Data when Creating a New Dashboard / Dashboards.PYTHON / Python

When a user creates a new dashboard in the designer, you can automatically register data for it through the onCreateReport event.

Saving a Dashboard Template on the Server-Side / Dashboards.PYTHON / Python

When the user saves in the designer, the dashboard is sent to the server, where the onSaveReport event decides how to store it.

Sending an Exported Dashboard to the Server-Side / Dashboards.PYTHON / Python

When the user exports a dashboard in the viewer, the result can be sent back to the server and saved, through the onEndExportReport event.

Setting Dashboard Variables on the Server-Side / Dashboards.PYTHON / Python

Dashboard variables can be filled on the server before rendering, through the onPrepareVariables event.

Showing a Dashboard in the Viewer / Dashboards.PYTHON / Python

Stimulsoft Dashboards.

Showing a Dashboard in the Viewer in an HTML template / Dashboards.PYTHON / Python

When you build the page with your own HTML template, the viewer's scripts and body can be emitted separately so they fit your layout.

Using Parameters in SQL Query / Dashboards.PYTHON / Python

SQL query parameters can be given values on the server in the onBeginProcessData event — the values never reach the client.

Working with onDesign and onExit events / Dashboards.PYTHON / Python

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.

Integrating the Dashboard Components in ASP.NET App / Dashboards.ANGULAR / .NET Framework

The Angular dashboard viewer can also be hosted by a classic ASP.

Integrating the Dashboards Viewer into an Application / Dashboards.ANGULAR / .NET 6.0

The Angular dashboard viewer is backed by an ASP.

Integrating the Dashboards Viewer into an Application / Dashboards.ANGULAR / .NET 8.0

The Angular dashboard viewer is backed by an ASP.

Integrating the Dashboards Viewer into Standalone Angular Component / Dashboards.ANGULAR / .NET 6.0

The dashboard viewer can be dropped into a standalone Angular component — the same ASP.

Integrating the Dashboards Viewer into Standalone Angular Component / Dashboards.ANGULAR / .NET 8.0

The dashboard viewer can be dropped into a standalone Angular component — the same ASP.

Localizing the Viewer / Dashboards.ANGULAR / .NET 6.0

Set up the dashboard viewer in .

Localizing the Viewer / Dashboards.ANGULAR / .NET 8.0

Set up the dashboard viewer in .

Using API Methods / Dashboards.ANGULAR / .NET 6.0

For finer control the viewer can be driven from Angular through a component reference, while the ASP.

Using API Methods / Dashboards.ANGULAR / .NET 8.0

For finer control the viewer can be driven from Angular through a component reference, while the ASP.

Using Designer Events / Dashboards.ANGULAR / .NET 6.0

Stimulsoft for Angular includes a dashboard designer alongside the viewer; this controller serves it and handles its Get and Save actions.

Using Designer Events / Dashboards.ANGULAR / .NET 8.0

Stimulsoft for Angular includes a dashboard designer alongside the viewer; this controller serves it and handles its Get and Save actions.

Using Viewer Events / Dashboards.ANGULAR / .NET 6.0

The dashboard viewer notifies your application about what the user does — loading, exporting and more — through events handled in Angular, backed by this controller.

Using Viewer Events / Dashboards.ANGULAR / .NET 8.0

The dashboard viewer notifies your application about what the user does — loading, exporting and more — through events handled in Angular, backed by this controller.

Using Viewer Parameters / Dashboards.ANGULAR / .NET 6.0

The viewer can be driven from your application through a properties object — for instance to switch which dashboard is shown at run time.

Using Viewer Parameters / Dashboards.ANGULAR / .NET 8.0

The viewer can be driven from your application through a properties object — for instance to switch which dashboard is shown at run time.

Adding Components from Code / PDF Forms / .NET Core 3.1

Load a PDF form, add new elements with the Forms API, and return the updated definition to the browser.

Changing Properties from Code / PDF Forms / .NET Core 3.1

Find a form element by name, change its text and font in code, and send the updated form to the web component.

Creating a Form with Table / PDF Forms / .NET Core 3.1

Build a PDF form in code, add a table with several column types, and prepare it for browser input.

Editing a Form in the Designer / PDF Forms / .NET Core 3.1

The PDF form designer is hosted through the same controller action, which also persists the edited form on the FormSave action.

Filling Form Data from Database / PDF Forms / .NET Core 3.1

A shared form template can be filled per recipient from a database and each personalized PDF e-mailed out.

Generating PDF from Form Submission / PDF Forms / .NET Core 3.1

Apply submitted form values to the template in ASP.

Integrating a Form Component / PDF Forms / .NET Core 3.1

Stimulsoft PDF Forms provides an Angular component for editing and filling forms in the browser, backed by a single ASP.

Integrating into Standalone Angular Component / PDF Forms / .NET Core 3.1

The PDF Forms component can be dropped into a standalone Angular component that points at an ASP.

Loading a Form from File / PDF Forms / .NET Core 3.1

Load an MRT form from disk, export it with StiPdfExporter, save the PDF, and open the document.

Loading a Form from Resource / PDF Forms / .NET Core 3.1

Load an embedded MRT form with LoadFromResource, export it to PDF, and open the generated document.

Loading a Form from String / PDF Forms / .NET Core 3.1

Reconstruct a form from its serialized string, export it to PDF, and open the generated document.

Loading an Encrypted Form / PDF Forms / .NET Core 3.1

Open an encrypted MDX form with LoadEncryptedForm and its key, then export the decrypted template to PDF.

Loading Fields Data from PDF / PDF Forms / .NET Core 3.1

Accept an uploaded PDF in ASP.

Parsing Forms Submission Results / PDF Forms / Java

Receive a submitted PDF form in a Jakarta Servlet and read its scalar, choice, date, and table fields.

Parsing Forms Submission Results with Spring Boot / PDF Forms / Java

A completed PDF form can be received in a Spring Boot controller and its submitted fields read with the Forms API.

Sending a Form by Email / PDF Forms / .NET Core 3.1

Personalize a form for each recipient, export every copy in memory, and send it as a PDF attachment.

Viewing Forms and Parsing Results / PDF Forms / .NET Core 3.1

This example shows how to view forms and parse results.

Viewing Forms and Parsing Submission Results / PDF Forms / .NET Core 3.1

Display a published form in Angular and parse its submitted field values in ASP.

Working with Forms from Code / PDF Forms / .NET Core 3.1

Create and configure a PDF form in code, then pass it to the web component for display or editing.

Checking Long Task Status / Server / .NET Framework

A long export can be started asynchronously and its progress polled through the Server REST API task status.

Copying a Report Template to Other Workspaces / Server / .NET Framework

A report template can be uploaded to other Server workspaces through the REST API, in size-limited chunks.

Creating a Report Snapshot / Server / .NET Framework

This sample project shows how to create a report shapshot item.

Exporting a Report to the File / Server / .NET Framework

This sample project shows how to export a report shapshot item to the file on the hard drive.

Logging to the Server / Server / .NET Framework

This sample project shows how to login to the Server with user name and password.

Running a Report through the REST API (JavaScript) / Server / HTML

A Server report can be run and shared from browser JavaScript by working with a report snapshot through REST.

Show All Workspaces / Server / .NET Framework

The available Stimulsoft Server workspaces can be listed through either the strongly-typed .

Showing the Report and Getting the Shared URL / Server / .NET Framework

This sample project shows how to run the report and then get the shared URL for the report snapshot item.

Using the REST API / Server / .NET Framework

The Stimulsoft Server REST API can log in, create a report snapshot, run a template into it, and export the snapshot to PDF.