Create an HTML JavaScript Dashboard Application with the Template Gallery

• Apr 21, 2026
• 2 minutes to read

The DevExpress Template Gallery (.NET Framework) contains predefined templates for building the Dashboard Designer and Viewer applications for all supported platforms. For a list of available Dashboard templates, see Template Gallery (.NET Framework).

The following steps explain how to quickly create a ready-to-use JavaScript Dashboard application with an ASP.NET MVC backend and the DevExpress Template Gallery.

Create a New Project

1. In Visual Studio, create a new project. Select DevExpress v26.1 Template Gallery (.NET Framework) as the project template.

   

   Click Next.

2. Configure your new project and click Create. The Template Gallery opens.

Configure the Template

1. Select Dashboard HTML JavaScript Application in the ASP.NET MVC or BI Dashboard category. Specify the framework version and click Run Wizard.

2. In the DevExpress ASP.NET Project Wizard, click Run Wizard.

   

3. In the DevExpress ASP.NET Project Wizard, click Create Project.

   

4. In the project, right-click the index.html file and set it as the start page.

   

5. Right-click the package.json file and restore the packages used in the application.

   

6. Run the application to see the result.

   

   The Web Designer application displays a sample dashboard and allows you to change it, create a new dashboard and switch to Viewer mode.

Next Steps

Create Dashboards on the Web

Describes how to create and configure dashboards in the Web Dashboard control.

HTML JavaScript Dashboard Control

Contains instructions on how to use the client-side JavaScript DashboardControl.