Sample projects for the Stimulsoft Dashboards.JS

Our sample projects and report templates can help you learn the basics of working with our products.
AngularHTMLNode.jsReactVue 3Vue.js
Products ✖All ✖Quick Start ✖Viewer ✖Designer ✖Engine ✖Data ✖Export ✖Events ✖Components ✖Customization ✖Resources ✖

Adding a Font to the Resource

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

Assigning a Dashboard to the Viewer

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

Creating a Table then Adding Two Filters and Exporting to Excel

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

Creating Dashboard at Runtime

This example shows how to create dashboard from JavaScript code.

Customizing the Designer

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

Customizing the Viewer

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

Editing a Dashboard Template

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

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

Exporting a Dashboard from Code

This example shows how to export dashboard from code.

Loading Scripts in Part to Minify Project

This example demonstrates how to load script in part.

Registering a Data for Dashboard Template

This example shows how to register JSON data from code.

Registering a JSON Data for the Dashboard Template

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

Showing the Dashboard Designer Immediately after Running an App

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

Showing the Dashboard Designer in a Required Position

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

Showing the Dashboard Designer in iframe

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

Showing the Dashboard Viewer Immediately after Running an App

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

Showing the Dashboard Viewer in a Required Position

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

Showing the Dashboard Viewer in iframe

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

Showing the Dashboard Viewer on the Web Page

This example shows how to create dashboard viewer on webpage.

Supply Custom Headers for JSON Database

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

Updating a JSON Data for the Dashboard Viewer

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

Using the Full-Screen Mode in the Designer

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

Using the Full-Screen Mode in the Viewer

This example shows how to show the dashboard viewer in full screen mode.
By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.
I agree