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

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

C#
[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.

Razor
<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>
See Also