DxDropDown.MaxWidth Property

Specifies the maximum width of the drop-down 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 width, in CSS units.

Remarks

When the AllowResize property is set to true, users can resize the drop-down window. Use the following properties to restrict changes to the window: MinWidth, MinHeight, MaxWidth, and MaxHeight.

The Height and Width properties specify the initial size of 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;
}