Create an HTML JavaScript Dashboard Application using the Template Gallery

• Nov 16, 2018

The DevExpress Template Gallery provides access to predefined templates for building the Dashboard Designer and Viewer applications for all supported platforms.

Note

All available Dashboard templates are listed in the following topic: Template Gallery

The steps below show how to use DevExpress Template Gallery to quickly create a ready-to-use HTML JavaScript Dashboard application.

1. Run Visual Studio 2012, 2013, 2015 or 2017.

2. Create a new project by selecting File | New | Project… In the invoked New Project dialog and choose DevExpress v18.2 Template Gallery.

   

3. In the invoked Template Gallery, select the ASP.NET platform, go to the ASP.NET MVC section and select Dashboard HTML JavaScript Application.

   

   Click Run Wizard.

4. Click Create Project in the invoked DevExpress ASP.NET MVC Project Wizard.

   

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

   

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

   

7. Run the application to see the results.

   

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