DxSplitButton.OpenDropDownOnItemClick Property

Specifies whether to open a drop-down element on item click in DropDown display mode on desktop devices.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(false)]
[Parameter]
public bool OpenDropDownOnItemClick { get; set; }

Property Value

Type	Default	Description
Boolean	false

true to open a drop-down element on item click; false to open a drop-down menu on item hover.

Remarks

The <DxSplitButton> component opens an item’s drop-down element as follows:

On item hover in DropDown display mode on desktop devices.
On item click in other display modes on desktop devices.
On item click in all display modes on mobile devices.

Set the OpenDropDownOnItemClick property to true to always open a drop-down menu on item click.

razor

<DxSplitButton RenderStyle="ButtonRenderStyle.Secondary"
               Text="Clipboard"
               IconCssClass="tb-icon tb-icon-paste"
               CssClass="me-1"
               OpenDropDownOnItemClick="true">
    <Items>
        <DxDropDownButtonItem Text="Cut" IconCssClass="menu-icon-cut menu-icon" />
        <DxDropDownButtonItem Text="Copy" IconCssClass="menu-icon-copy menu-icon" />
        <DxDropDownButtonItem Text="Paste" IconCssClass="tb-icon tb-icon-paste" />
        <DxDropDownButtonItem Text="Paste Special" BeginGroup="true">
            <Items>
                <DxDropDownButtonItem Text="Paste Text Only" />
                <DxDropDownButtonItem Text="Paste Picture" Enabled="false" />
                <DxDropDownButtonItem Text="Paste as Hyperlink" />
            </Items>
        </DxDropDownButtonItem>
    </Items>
</DxSplitButton>