Back to Devexpress

DxDateEdit<T>.DropDownDirection Property

blazor-devexpress-dot-blazor-dot-dxdateedit-1-64a39b73.md

latest1.6 KB
Original Source

DxDateEdit<T>.DropDownDirection Property

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

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDescription
DropDownDirection

A DropDownDirection enumeration value.

|

Available values:

NameDescription
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 property’s default value is Down.

The following code snippet changes the drop-down calendar’s direction to Up:

razor
<DxDateEdit Date="DateTime.Today" 
            DropDownDirection="DropDownDirection.Up" />

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

DxDateEdit<T> Class

DxDateEdit<T> Members

DevExpress.Blazor Namespace