DropDownDirection Enum

Lists values that specify the direction in which a drop-down window is displayed relative to an editor’s input element.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public enum DropDownDirection

Members

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.

Related API Members

The following properties accept/return DropDownDirection values:

• DxDateEdit<T>.DropDownDirection
• DxDateRangePicker<T>.DropDownDirection
• DxDropDownBase<T, JSProxyType>.DropDownDirection
• DxDropDownBox.DropDownDirection
• DxDropDownEditSettings.DropDownDirection
• DxDropDownListEditorBase<TData, TValue>.DropDownDirection
• DxTimeEdit<T>.DropDownDirection
• IDropDownBox.DropDownDirection
• IDropDownEditSettings.DropDownDirection
• IDropDownListEditorBase<TData, TValue>.DropDownDirection

Remarks

Use the DropDownDirection property to specify the direction where a drop-down window is displayed.

The following code snippet creates the ComboBox component and specifies the drop-down window’s position.

<DxComboBox Data="@Cities"
            @bind-Value="@Value"
            NullText="Select City ..."
            DropDownDirection="DropDownDirection.Up">
</DxComboBox>

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

    string Value { get; set; }
}

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.