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.v24.1.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; }
}
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.