Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DropDownPosition Enum

Lists a drop-down element’s relative positions.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public enum DropDownPosition

#Members

Name Description
Top

Displays the drop-down element at the top edge of the target element.

Right

Displays the drop-down element at the right edge of the target element.

Bottom

Displays the drop-down element at the bottom edge of the target element.

Left

Displays the drop-down element at the left edge of the target element.

#Related API Members

The following properties accept/return DropDownPosition values:

#Remarks

Use the DropDownPosition property to position the drop-down element relative to the target element. The following components implement the DropDownPosition property:

DxDropDownButton
A toggleable button that reveals a drop-down element with a list of commands or custom content.
DxSplitButton
A composite control that consists of a primary button and a toggleable secondary button that reveals a drop-down element.
DxDropDownButtonItem
Defines a drop-down list item. Used in DxDropDownButton or DxSplitButton.

Note

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

#Example

The following code snippet changes the position of the main drop-down element in the DxDropDownButton component and customizes the drop-down toggle icon:

DxDropDownButton - Change Drop-Down Position

<DxDropDownButton Text="Blazor Components"
                  RenderStyleMode="ButtonRenderStyleMode.Outline"
                  DropDownToggleCssClass="toggle-icon"
                  DropDownPosition="DropDownPosition.Right">
    <Items>
        <DxDropDownButtonItem Text="Documentation"
                              NavigateUrl="https://docs.devexpress.com/Blazor/400725/blazor-components" />
        <DxDropDownButtonItem Text="Demos"
                              NavigateUrl="https://demos.devexpress.com/blazor/" />
    </Items>
</DxDropDownButton>
See Also