blazor-devexpress-dot-blazor-dot-dxmessagebox-e31bec8f.md
Specifies the size of the component and its content.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[DefaultValue(null)]
[Parameter]
public SizeMode? SizeMode { get; set; }
| Type | Default | Description |
|---|---|---|
| Nullable<SizeMode> | null |
The size mode. If the property is not specified (the value is null), the size is determined by the SizeMode global option.
|
Available values:
| Name | Description |
|---|---|
| Small |
Small size.
| | Medium |
Medium size.
| | Large |
Large size.
|
The SizeMode property allows you to apply different size modes to the DxMessageBox component. For additional information, refer to the following topic: Size Modes.
The following code snippet applies the Small size mode to the DxMessageBox component:
<DxButton Text="Show Alert" Click="@(() => MessageBoxVisible = true)" />
<DxMessageBox @bind-Visible="MessageBoxVisible"
SizeMode="SizeMode.Small"
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;
}
See Also