DxFlyout.MinHeight Property

Specifies the minimum height of the flyout window.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Description
String	The height, in CSS units.

Remarks

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

<div id="flyout-customization-target-container">
    <DxButton Click="() => IsOpen = !IsOpen">SHOW A FLYOUT</DxButton>
</div>
<DxFlyout @bind-IsOpen=IsOpen
          PositionTarget="#flyout-customization-target-container"
          MinWidth="max(25vw, 250px)"
          HeaderVisible="true"
          HeaderText="Edit Contact"
          FooterVisible="true">
    ...
</DxFlyout>

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

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