Skip to main content
All docs
V24.2

MessageBoxOptions.ThemeMode Property

Specifies the message box’s predefined theme mode.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type Default Description
Nullable<MessageBoxThemeMode> null

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

Available values:

Name Description
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.

<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
        });
    }
}

Message Box render modes and styles

Run Demo

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

See Also