DxDropDownButton.OpenDropDownOnItemClick Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[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 <DxDropDownButton> 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.

<DxDropDownButton 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>
</DxDropDownButton>