Back to Devexpress

DxSplitButton.DropDownTogglePosition Property

blazor-devexpress-dot-blazor-dot-dxsplitbutton.md

latest2.0 KB
Original Source

DxSplitButton.DropDownTogglePosition Property

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

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
DropDownTogglePositionRight

An enumeration value.

|

Available values:

NameDescription
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.

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

DxSplitButton Class

DxSplitButton Members

DevExpress.Blazor Namespace