Skip to main content

DxDropDownBase<T, JSProxyType>.DropDownDirection Property

Specifies the direction in which the drop-down window is displayed relative to the editor’s input element.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v22.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public DropDownDirection DropDownDirection { get; set; }

Property Value

Type Description
DropDownDirection

A DropDownDirection enumeration value.

Available values:

Name Description
Down

A drop-down window is displayed below an editor’s input element.

Up

A drop-down window is displayed up an editor’s input element.

Remarks

The default value is Down. The following code changes the direction of the TagBox’s drop-down window to Up:

<DxTagBox Data="@Cities" @bind-Values="@Values" DropDownDirection="DropDownDirection.Up" />

@code {
    IEnumerable<string> Cities = new List<string>() {
        "London",
        "Berlin",
        "Paris",
    };

    IEnumerable<string> Values { get; set; }
}

TagBox

Note

If the editor is close to a browser window’s edge and there is not enough space to display the drop-down window in the specified direction, the drop-down window is displayed in the opposite direction.

See Also