blazor-devexpress-dot-blazor-dot-messageboxoptions.md
Specifies the message box text.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[DefaultValue(null)]
public string Text { get; set; }
| Type | Default | Description |
|---|---|---|
| String | null |
The message box text.
|
Use the Text property to specify the message box text:
<DxDialogProvider />
<DxButton Text="Show a message box window" Click="@OpenConfirmDialogAsync" />
@code {
[Inject] IDialogService DialogService { get; set; }
private async Task OpenConfirmDialogAsync() {
await DialogService.ConfirmAsync(new MessageBoxOptions() {
Title = "Error",
Text = "Unable to process the request. Please try again later or contact support.",
OkButtonText = "Contact Support",
CancelButtonText = "Try Later",
RenderStyle = MessageBoxRenderStyle.Danger
});
}
}
For security reasons, the message box encodes the Text property value. To display multiple lines of text in the message box, specify the CssClass property as follows:
<DxDialogProvider RenderStyle="MessageBoxRenderStyle.Danger" />
<DxButton Text="Show a message box window"
Click="@OpenConfirmDialogAsync" />
@code {
[Inject] IDialogService DialogService { get; set; }
private async Task OpenConfirmDialogAsync() {
await DialogService.ConfirmAsync(new MessageBoxOptions() {
Title = "Unsaved Changes",
Text = "A data item has been modified.\r\nDo you want to save changes?",
RenderStyle = MessageBoxRenderStyle.Warning,
OkButtonText = "Save",
CancelButtonText = "Don't Save",
CssClass = "my-messagebox",
});
}
}
.my-messagebox {
white-space: pre-line;
}
See Also