[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]Reporting
[Collapse]Report and Dashboard Server
 [Expand]Installation
  License and Distribution
 [Expand]Administrative Panel
 [Expand]Create Reports
 [Collapse]Create Dashboards
   Create and Customize a Dashboard
   Bind a Dashboard to Data
   Add Dashboard Items and Perform Basic Data Shaping
   Customize the Dashboard Appearance
   Provide Interactivity to the Dashboard
   Create a Calculated Field
   Add Filter Elements
   Customize the Dashboard Layout
   Add a Dashboard Parameter and Filter Data
   Export the Dashboard and Its Items
 [Expand]Configuration and API
  User-Specific Functions
  Localization
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[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 and Customize a Dashboard

This topic explains how to create and manipulate a dashboard in the Report and Dashboard Server.

Expanded Create a Dashboard

Click the Documents button on the Report and Dashboard Server's toolbar to open the document screen.

This screen is available only if a user has a permission to access and customize documents.

Click Add Document and select Add Dashboard.

This opens the Web Dashboard Designer that allows you to Bind a Dashboard to Data, add dashboard items, filter data, etc.

Expanded Save the New Dashboard

After you created the dashboard in the Web Dashboard Designer, you can upload it to the server. Click the Dashboard Menu button and select Save.

In the Save New Dashboard dialog, specify the document name, select an existing category or create a new category, and type the revision comment. Click OK.

Once saved, the new dashboard becomes available on the Documents screen.

Expanded Edit a Dashboard

Select the dashboard in the list to see its details. Click Edit in Designer.

Click Save to save the changes made to the server. In the Save Dashboard dialog, specify the revision comment and click OK.

Expanded Preview a Dashboard

Click the Preview button or the dashboard name in the list to open this dashboard in the Web Dashboard Viewer.

Expanded Export and Import a Dashboard

Use the Export to XML button to export the dashboard layout to XML and download the resulting file.

You can also export the dashboard layout from the Dashboard Designer. Open the dashboard menu and select Export to XML.

To import the dashboard layout, click Import from XML in the menu. Use the Click to select an XML file button and locate the file with the XML extension in the invoked dialog. Alternatively, you can drop the file onto the Import from XML dialog. Then, click the Import button to open the layout in the Designer.

Expanded Enable Auto Refresh

Select Auto Refresh on the Dashboard Menu.

In the Auto Refresh dialog, set the time interval to refresh a dashboard (from 10 seconds to 1 hour). Set it to Off to disable dashboard refresh.

Expanded Use the Revision History

Click the History button to view all dashboard revisions.

You can use the Rollback button to rollback to a specific document version.

Click OK in the invoked dialog to confirm the operation.

Expanded See Also

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