Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

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

C#
[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.

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

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