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.

Adding a Custom Function to the Designer / Dashboards.WIN / .NET Framework

This example shows how to add a custom function.

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

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 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.BLAZOR / Server

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.BLAZOR / Web Assembly

This example illustrates how to add a custom function to the designer and use it in the dashboard template.

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

This example shows how to add font to resource for dashboards.

Assigning a Dashboard to the Viewer / Dashboards.JS / HTML

This example shows how to assign the dashboard to the viewer.

Changing the Designer Theme / Dashboards.PHP / PHP

This example shows how to change the designer theme.

Creating a Table then Adding Two Filters and Exporting to Excel / Dashboards.JS / Node.js

This example illustrates how to add a filter to the table element in the dashboard and store the result in the Excel file.

Creating a Table then Adding Two Filters and Exporting to Excel / Dashboards.JS / HTML

This example demonstrates how to create table, add filters and export it to excel file.

Creating Dashboard at Runtime / Dashboards.JS / HTML

This example shows how to create dashboard from JavaScript code.

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.WIN / .NET Framework

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.

Creating Dashboard at Runtime / Dashboards.WEB / .NET 6.0

This example shows how to create a simple dashboard in runtime.

Creating Dashboard at Runtime / Dashboards.BLAZOR / Server

This example shows how to create a simple dashboard at runtime.

Creating Dashboard at Runtime / Dashboards.BLAZOR / Web Assembly

This example shows how to create a simple dashboard at runtime.

Customizing the Designer / Dashboards.JS / HTML

In this example you can see how to customize the dashboard designer by changing the designer options.

Customizing the Viewer / Dashboards.JS / HTML

In this example you can see how to customize the dashboard viewer by changing the viewer options.

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.WIN / .NET Framework

This example shows how to edit a dashboard 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.

Editing a Dashboard in the Designer / Dashboards.PHP / PHP

This example shows how to edit a dashboard in the designer.

Editing a Dashboard in the Designer / Dashboards.WEB / .NET 6.0

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

Editing a Dashboard in the Designer / Dashboards.BLAZOR / Server

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

Editing a Dashboard in the Designer / Dashboards.BLAZOR / Web Assembly

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

Editing a Dashboard in the Designer using JavaScript / Dashboards.PHP / PHP

This example shows how to edit a dashboard in the designer using JavaScript.

Editing a Dashboard Template / Dashboards.JS / HTML

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

Editing a Dashboard Template and Showing it in the Dashboard Viewer / Dashboards.JS / HTML

This example shows how to edit dashboard template and show it in the viewer.

Exporting a Dashboard / Dashboards.WIN / .NET Framework

This example shows how to export a dashboard.

Exporting a Dashboard Asynchronously / Dashboards.WIN / .NET Framework

This example shows how to export a dashboard asynchronously.

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 a Dashboard from Code / Dashboards.JS / HTML

This example shows how to export dashboard from code.

Exporting a Dashboard from Code / Dashboards.PHP / PHP

This example shows how to export a dashboard from code.

Exporting a Dashboard to Excel / Dashboards.JS / Node.js

This example illustrates how to load a dashboard template, render the data and save the result to the Excel file.

Exporting a Dashboard to PDF / Dashboards.JS / Node.js

This example illustrates how to load a dashboard template, render the data and save the result to the PDF file.

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.

Exporting and Printing a Dashboard from Code / Dashboards.WEB / .NET 6.0

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.BLAZOR / Server

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.BLAZOR / Web Assembly

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

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 / Dashboards.JS / Vue.js

This example shows how to integrate the dashboard designer into a Vue.js application.

Integrating the Dashboard Designer into an Application / Dashboards.JS / Vue 3

This example shows how to integrate the dashboard designer into a Vue.js 3 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 / 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 / Dashboards.JS / Vue.js

This example shows how to integrate the dashboard viewer into a Vue.js application.

Integrating the Dashboard Viewer into an Application / Dashboards.JS / Vue 3

This example shows how to integrate the dashboard viewer into a Vue.js 3 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

This example illustrates how to load and save the dashboard template to the MRT file.

Loading a Dashboard from the Server-Side / Dashboards.JS / Node.js

This example illustrates how to load the MRT dashboard template from the server side and send it to the client.

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

This example shows how to minify project.

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

This example demonstrates how to load script in part.

Localizing the Designer / Dashboards.PHP / PHP

This example shows how localize the designer.

Registering a Data for Dashboard Template / Dashboards.JS / HTML

This example shows how to register JSON data from code.

Registering a Data for Dashboard Template / Dashboards.WIN / .NET Framework

This example shows how to register data for dashboard template.

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.

Registering a Data for the Dashboard / Dashboards.WEB / .NET 6.0

This example shows how to register data in the dashboard from code.

Registering a Data for the Dashboard / Dashboards.BLAZOR / Server

This example shows how to register data in the dashboard from code.

Registering a Data for the Dashboard / Dashboards.BLAZOR / Web Assembly

This example shows how to register data in the dashboard from code.

Registering a Data from Code / Dashboards.PHP / PHP

This example shows how to register a data from code.

Registering a JSON Data for the Dashboard Template / Dashboards.JS / HTML

This example shows how to add JSON data as resource to dashboard template.

Saving a Dashboard on the Server-Side / Dashboards.PHP / PHP

This example shows how to save a dashboard on the server-side.

Sending an Exported Dashboard to the Server-Side / Dashboards.PHP / PHP

This example shows how to send an exported dashboard to the server-side.

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.WIN / .NET Framework

This example shows how to show a dashboard 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.

Showing a Dashboard in the Viewer / Dashboards.PHP / PHP

This example shows how to show dashboard in the viewer.

Showing a Dashboard in the Viewer / Dashboards.WEB / .NET 6.0

This example shows how to load a dashboard template and show it in the viewer.

Showing a Dashboard in the Viewer / Dashboards.BLAZOR / Server

This example shows how to load a dashboard template and show it in the viewer.

Showing a Dashboard in the Viewer / Dashboards.BLAZOR / Web Assembly

This example shows how to load a dashboard template and show it in the viewer.

Showing a Dashboard in the Viewer using JavaScript / Dashboards.PHP / PHP

This example shows how to show dashboard in the viewer using JavaScript.

Showing a Dashboard in the WPF Viewer / Dashboards.WIN / .NET Framework

This example demonstrates how to show dashboard in the WPF viewer.

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

This example shows how to create and show the dashboard designer.

Showing the Dashboard Designer in a Required Position / Dashboards.JS / HTML

This example shows how to create dashboard designer and show it in desired position.

Showing the Dashboard Designer in iframe / Dashboards.JS / HTML

This example shows how to show the dashboard designer in iframe.

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

This example shows how to create and show the dashboard viewer.

Showing the Dashboard Viewer in a Required Position / Dashboards.JS / HTML

This example shows how to create dashboard viewer and show it in desired position.

Showing the Dashboard Viewer in iframe / Dashboards.JS / HTML

This example shows how to show the dashboard viewer in iframe.

Showing the Dashboard Viewer on the Web Page / Dashboards.JS / HTML

This example shows how to create dashboard viewer on webpage.

Starting SQL Adapters from the HTTP Server / Dashboards.JS / Node.js

This example demonstrates how to connect to different databases (MySQL, Firebird, MS SQL, and PostgreSQL).

Supply Custom Headers for JSON Database / Dashboards.JS / HTML

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

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

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

Supply Custom Headers for JSON Database / Dashboards.JS / Node.js

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

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

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

Updating a JSON Data for the Dashboard Viewer / Dashboards.JS / HTML

This example demonstrates how to update JSON data for dashboard viewer.

Using SQL Data Sources / Dashboards.PHP / PHP

This example shows how to use a SQL data sources.

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.

Using the Dashboard Theme on the Website / Dashboards.WEB / .NET 6.0

The example shows how you can get the color scheme of the dashboard template and apply it to a website.

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

This example shows how to show the dashboard designer in full screen mode.

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

This example shows how to show the dashboard viewer in full screen mode.