Skip to main content
All docs
V24.1

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

  • 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.

    Create a new dashboard

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

  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:

    The dashboard menu button

    The dashboard menu

    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.

    Configure a new dashboard

    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:

    Switch between viewer and designer modes

Note

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

See Also