[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Collapse]eXpressApp Framework
 [Expand]Getting Started
  [Expand]Application Solution Components
  [Expand]Business Model Design
  [Expand]Application Model
  [Expand]UI Construction
  [Expand]Controllers and Actions
  [Expand]Data Manipulation and Business Logic
  [Expand]Security System
  [Expand]System Module
  [Collapse]Extra Modules
   [Expand]Audit Trail Module
    Business Class Library Customization Module
    Chart Module
    Clone Object Module
   [Expand]Conditional Appearance Module
   [Collapse]Dashboards Module
     Dashboards Module Overview
     Create, View and Modify Dashboards in a WinForms Application
     Create, View and Modify Dashboards in an ASP.NET Application
     Create a Predefined Dashboard and Add it to the Navigation
     Dashboard Performance With Large Data Sources
    File Attachments Module
    HTML Property Editor Module
    Localization Module
   [Expand]Notifications Module
    KPI Module
   [Expand]Maps Module
   [Expand]Pivot Chart Module
    Pivot Grid Module
   [Expand]Reports V2 Module
   [Expand]Reports Module (Obsolete)
   [Expand]Office Module
   [Expand]Scheduler Module
    Script Recorder Module
   [Expand]State Machine Module
   [Expand]TreeList Editors Module
   [Expand]Validation Module
    View Variants Module
   [Expand]Workflow Module
  [Expand]Debugging, Testing and Error Handling
  [Expand]Application Life Cycle
 [Expand]Design-Time Features
 [Expand]Task-Based Help
  Frequently Asked Questions (FAQ)
 [Expand]API Reference
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

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

This topic describes how an end-user can create and view a dashboard at runtime in an ASP.NET application when the Dashboards Module is added.

  • In the Navigation, open the Reports group, choose the Dashboards item and click New.


    If you cannot locale the Reports | Dashboards navigation item, ensure that the Dashboards Module is added in the Application Designer and the DashboardsModule.GenerateNavigationItem property is set to true.

  • In the invoked popup with the ASPxDashboard control, specify the dashboard name, choose the business object type to be used as the dashboard data source and click Create.


    In the data sources list, you can see the types that have the DefaultClassOptionsAttribute or VisibleInDashboardsAttribute applied.

  • Setup the created dashboard according to the Creating Dashboards on the Web guidelines.


    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.

  • After a dashboard is saved in the designer, it is added to the Dashboards List View. You can click the saved dashboard to view it.


    In an ASP.NET application, you can access dashboards added in a WinForms application, and visa versa.

    In a Web Dashboard, data is reloaded automatically. Handle the ASPxDashboard.ConfigureDataReloadingTimeout event to configure the data reloading timeout.

  • To modify an existing dashboard, select it and click the ShowDashboardDesigner Action.

Expanded See Also

Is this topic helpful?​​​​​​​