DxDashboard.WorkingMode Property
Specifies the Dashboard component’s working mode.
Namespace: DevExpress.DashboardBlazor
Assembly: DevExpress.Dashboard.v24.1.Blazor.dll
NuGet Package: DevExpress.Blazor.Dashboard
Declaration
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;
}
}
}