Back to Devexpress

DxMessageBox.SizeMode Property

blazor-devexpress-dot-blazor-dot-dxmessagebox-e31bec8f.md

latest2.1 KB
Original Source

DxMessageBox.SizeMode Property

Specifies the size of the component and its content.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[DefaultValue(null)]
[Parameter]
public SizeMode? SizeMode { get; set; }

Property Value

TypeDefaultDescription
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:

NameDescription
Small

Small size.

| | Medium |

Medium size.

| | Large |

Large size.

|

Remarks

The SizeMode property allows you to apply different size modes to the DxMessageBox component. For additional information, refer to the following topic: Size Modes.

Run Demo

The following code snippet applies the Small size mode to the DxMessageBox component:

razor
<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

DxMessageBox Class

DxMessageBox Members

DevExpress.Blazor Namespace