Skip to main content
All docs
V25.1
  • MessageBoxOptions.ThemeMode Property

    Specifies the message box’s predefined theme mode.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.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