Create, View, and Modify Dashboards in an ASP.NET Core Blazor Application

• Sep 08, 2021
• 2 minutes to read

This topic describes how end users can create and view a dashboard at runtime in an ASP.NET Core Blazor application with the Dashboards Module.

1. In the Navigation menu, expand the Reports group, choose the Dashboards item, and click New.

   

   If the Navigation control does not display the Reports | Dashboards item, ensure the following:

   • The Dashboards Module is added and configured correctly as described in the following help topic: Add the Dashboards Module to Your Application.
   • The DashboardsModule.GenerateNavigationItem property is set to true.

2. In the displayed DxDashboard control, open the dashboard menu, specify the dashboard name in the Title menu item, and choose a business object type to be used as a data source:

   

   

   Tip

   The Data Sources list contains the types decorated with the DefaultClassOptions or VisibleInDashboards attribute.

3. Configure the newly created dashboard as described in the following help topic: Creating Dashboards on the Web.

   

   Important

   To display localized values of an enumeration property in a dashboard, add a calculated field to the data source class. Set this field’s IModelMember.Expression to GetEnumCaption([Enum Property]). In the dashboard designer, bind items to this calculated field instead of the enumeration property.

4. Save the dashboard. You can find it in the Dashboards List View. Click your dashboard to view it.

   Note that in an ASP.NET Core Blazor application, you can access dashboards added in a WinForms application, and visa versa.

5. To modify an existing dashboard, open it and click the Working Mode Action:

   

Note

In ASP.NET Core Blazor applications, you can edit dashboards in desktop browsers only.