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

DxMessageBox.Visible Property

Specifies whether the message box is visible.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(false)]
[Parameter]
public bool Visible { get; set; }

#Property Value

Type Default Description
Boolean false

true if the message box is displayed; otherwise, false.

#Remarks

Implement two-way binding for the Visible property to show the message box in code and update the property value when a user closes the component. The VisibleChanged event occurs when the property value changes.

Run Demo

razor
<DxButton Text="Show Alert" Click="@(() => MessageBoxVisible = true)" />

<DxMessageBox @bind-Visible="MessageBoxVisible"
              Title="Error"
              Text="Unable to process the request. Please try again later or contact support."
              OkButtonText="Contact Support"
              CancelButtonText="Try Later"
              RenderStyle="MessageBoxRenderStyle.Danger"
              Type="MessageBoxType.Confirmation"/>
@code {
    bool MessageBoxVisible { get; set; } = false;
}

Message Box

You can handle the following events related to the Visible property’s changes:

Shown
Fires after the message box is displayed.
Closed
Fires after the message box is closed.
See Also