DxDropDown.Width Property

Specifies the drop-down window width.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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

Property Value

Type	Description
String

The width, 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.

razor

<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;
}