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

DxSplitButton.DropDownTogglePosition Property

Specifies the secondary button’s position relative to the primary button.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(DropDownTogglePosition.Right)]
[Parameter]
public DropDownTogglePosition DropDownTogglePosition { get; set; }

#Property Value

Type Default Description
DropDownTogglePosition Right

An enumeration value.

Available values:

Name Description
Right

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

Left

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

#Remarks

The DxSplitButton component can display the secondary toggleable button to the left or right of the primary button. Use the DropDownTogglePosition property to specify the secondary button’s position.

DxSplitButton - Change Toggle Position

Razor
<DxSplitButton Text="Blazor Components"
               RenderStyleMode="ButtonRenderStyleMode.Outline"
               DropDownTogglePosition="DropDownTogglePosition.Left">
    <Items>
        <DxDropDownButtonItem Text="Documentation"
                              NavigateUrl="https://docs.devexpress.com/Blazor/400725/blazor-components" />
        <DxDropDownButtonItem Text="Demos"
                              NavigateUrl="https://demos.devexpress.com/blazor/" />
    </Items>
</DxSplitButton>
See Also