Back to Devexpress

MessageBoxOptions.ThemeMode Property

blazor-devexpress-dot-blazor-dot-messageboxoptions-4d98b43d.md

latest2.4 KB
Original Source

MessageBoxOptions.ThemeMode Property

Specifies the message box’s predefined theme mode.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[DefaultValue(null)]
public MessageBoxThemeMode? ThemeMode { get; set; }

Property Value

TypeDefaultDescription
Nullable<MessageBoxThemeMode>null

The theme mode; null to inherit the value from the DxDialogProvider.ThemeMode property.

|

Available values:

NameDescription
Auto

The applied theme depends on the DevExpress theme. For the Blazing Berry, Purple, or Office White theme, applies the dark theme to a message box. For the Blazing Dark theme, applies the light theme to a message box.

| | Light |

Applies the light theme to a message box.

| | Dark |

Applies the dark theme to a message box.

|

Remarks

Use RenderStyle and ThemeMode properties to specify the message box style.

razor
<DxDialogProvider />
<DxButton Text="Show a message box window" Click="@OpenAlertDialogAsync" />

@code {
    [Inject] IDialogService DialogService { get; set; }

    private async Task OpenAlertDialogAsync() {
        await DialogService.AlertAsync(new MessageBoxOptions() {
            Title = "Error",
            Text = "Unable to process the request. Please try again later or contact support.",
            ThemeMode = MessageBoxThemeMode.Dark,
            RenderStyle = MessageBoxRenderStyle.Danger
        });
    }
}

Run Demo

If the ThemeMode property is not specified, the DxDialogProvider.ThemeMode property determines the message box theme mode.

See Also

MessageBoxOptions Class

MessageBoxOptions Members

DevExpress.Blazor Namespace