DxDropDown.Height Property

Specifies the drop-down window height.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Description
String	The height, in CSS units.

Remarks

Use the Height and Width properties to specify the size of the drop-down window. Set the AllowResize property to true to allow users to resize the window.

<DxButton Id="showDDbtton" Click="() => IsOpen = true">Show a drop-down window</DxButton>
<DxDropDown AllowResize="true"
            MinWidth="200"
            Width="max(25vw, 300px)"
            MaxWidth="400"
            MinHeight="200"
            Height="250"
            MaxHeight="400"
            BodyText="Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
            @bind-IsOpen="@IsOpen"
            PositionTarget="#showDDbtton"
            PositionMode="DropDownPositionMode.Bottom">
</DxDropDown>

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