Skip to main content
All docs
V25.1
  • DxDashboard.WorkingMode Property

    Specifies the Dashboard component’s working mode.

    Namespace: DevExpress.DashboardBlazor

    Assembly: DevExpress.Dashboard.v25.1.Blazor.dll

    NuGet Package: DevExpress.Blazor.Dashboard

    Declaration

    [Parameter]
    public WorkingMode WorkingMode { get; set; }

    Property Value

    Type Description
    WorkingMode

    A value that specifies the Dashboard component’s working mode.

    Available values:

    Name Description
    Designer

    The Web Dashboard acts as a Dashboard Designer and allows end users to create, edit, and save dashboards. You can switch to Viewer mode on the client side from this mode.

    Viewer

    The Web Dashboard acts as a Dashboard Viewer and allows you to display dashboards to end users. You can switch to Designer mode on the client side from this mode.

    ViewerOnly

    The Web Dashboard acts as a Dashboard Viewer without the capability to switch to Designer mode on the client side. In this mode, the Web Dashboard does not load the extensions required for designing dashboards.

    Remarks

    The WorkingModeChanged event fires when the WorkingMode is changed.

    The following code allows you to switch the working mode when a user clicks the button. The button text depends on the current working mode:

    <button id="workingModeSwitcher" @onclick="ChangeWorkingMode">    
        @ButtonText
    </button>
    
    <DxDashboard style="height: 800px" Endpoint="api/dashboard" @bind-WorkingMode="@workingMode">
    </DxDashboard>
    
    @code {
        WorkingMode workingMode = WorkingMode.Designer;
    
        public void ChangeWorkingMode() {
            workingMode = workingMode == WorkingMode.Designer ? WorkingMode.Viewer : WorkingMode.Designer;
        }
    
        public string ButtonText {
            get {
                string value = workingMode == WorkingMode.Designer ? "Viewer" : "Designer";
                string mode = "Switch to " + value;
                return mode;
            }
        }
    }
    
    See Also