Create an ASP.NET Core Viewer for Displaying a Dashboard

This document describes how to use the ASP.NET Core Dashboard control as a Dashboard Viewer. See the tutorials below before creating the ASP.NET Core Viewer:

  1. Create an ASP.NET Core Designer

    In this tutorial, you create a Dashboard Designer web application.

  2. Create a Dashboard using the Web Dashboard

    This lesson shows you how to create a dashboard in a browser. The saved dashboard definition (dashboard1.xml) is added to the ~/App_Data/Dashboards folder.

You can now switch your Dashboard Designer application to the Viewer mode.

  1. In a project created in this lesson, open the Views | Home | Index.cshtml file.
  2. Update the code within the BuilderFactory.Dashboard helper method in the following way:

    @(Html.DevExpress().Dashboard("clientDashboardDesigner1")
    .WorkingMode(WorkingMode.ViewerOnly)
    .Width("100%")
    .Height("100%")
    )
    
  3. Run the application. The ASP.NET Core Dashboard control displays the dashboard from ~/App_Data/Dashboards.

    AspNetCoreViewer_Result