DxFlyout.MaxWidth Property

Specifies the maximum width of the flyout window.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string MaxWidth { get; set; }

Property Value

Type	Description
String	The height, in CSS units.

Remarks

The Flyout component calculates its size based on the content. Use the following properties to restrict the component size: MinWidth, MinHeight, MaxWidth, and MaxHeight.

<DxButton Id="button" Click="() => IsOpen = !IsOpen">Show a flyout window</DxButton>
<DxFlyout @bind-IsOpen=IsOpen
    PositionTarget="#button"
    BodyText="@Constants.Content"
    MinWidth="200" MaxWidth="400"
    MinHeight="200" MaxHeight="400">
</DxFlyout>

@code {
    bool IsOpen { get; set; } = false;
}

The Height and Width properties allow you to specify the exact size of the flyout component.