Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[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
[Expand]Report and Dashboard Server
[Collapse]Dashboard
 [Expand]Getting Started
 [Expand]Basic Concepts and Terminology
 [Expand]Main Features
 [Collapse]Building the Designer and Viewer Applications
  [Expand]WinForms Designer
  [Expand]WinForms Viewer
  [Collapse]Web Dashboard
    Web Dashboard Technical Overview
    Supported Browsers
    Required Client Libraries
   [Collapse]ASP.NET Dashboard Control
     Adding the ASPxDashboard Control
     Server-Side API Overview
     Preparing a Dashboard Storage
     Register Default Data Sources
     Register Default Data Connections
     Designer and Viewer Modes
     Loading a Dashboard
     Appearance Customization
     Manage Exporting Capabilities
     Manage Dashboard State
     Manage Interactivity Capabilities
     Manage Dashboard Parameters
     Customize Dashboard Colors
     Access to Underlying Widgets
     Obtaining Underlying and Displayed Data
     Client-Side Functionality
   [Expand]ASP.NET MVC Dashboard Extension
   [Expand]ASP.NET Core MVC Dashboard Control
   [Expand]HTML5 JavaScript Dashboard Control
   [Expand]Extensions
   [Expand]Custom Item
    Mobile Layout
    Security Considerations
   [Expand]Miscellaneous
   [Expand]UI Elements
  [Expand]WPF Viewer
  [Expand]Web Viewer
 [Expand]Creating Dashboards
 [Expand]Examples
 [Expand]Design-Time Features
  Video Tutorials
  End-User Documentation
  Localization
 [Expand]Redistribution and Deployment
 [Expand]Member Tables
 [Expand]API Reference
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
This documentation page describes implementations made in our v17.2 release cycle. To learn about functionality shipping with v18.1, navigate to our updated help file experience at docs.devexpress.com. Learn More

Designer and Viewer Modes

The ASPxDashboard control can act as a Designer or Viewer. The following modes are available:

Mode

Description

Designer The Web Dashboard acts as a Dashboard Designer and allows end-users to create, edit and save dashboards. Note that in this case, you can switch to the Viewer mode on the client side.
Viewer The Web Dashboard acts as a Dashboard Viewer and allows you to display dashboards to end-users. Note that in this case, you can switch to the Designer mode on the client side.
ViewerOnly The Web Dashboard acts as a Dashboard Viewer without the capability to switch to the Designer mode on the client side. In this mode, the Web Dashboard does not load the extensions required for designing dashboards.

Expanded Specify Working Mode on Server

You can use the ASPxDashboard.WorkingMode property to specify the initial working mode on a server.

Expanded Switch Between Working Modes on Client

Use the following two approaches to switch the working mode on the client side:

Expanded Enable End Users to Switch Between Working Modes

You can allow end users to switch between the Designer and Viewer by enabling the Dashboard Panel.

Expanded Example

Show Me

A complete sample project is available in the DevExpress Code Examples database at http://www.devexpress.com/example=T362490.

This example shows how to switch between the Web Dashboard's working modes on the client-side.

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