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.v26.1.dll

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.

@using DevExpress.Images.Blazor

<DxDropDownButton RenderStyle="ButtonRenderStyle.Secondary"
                  Text="Clipboard"
                  IconUrl="@Icon.Clipboard"
                  OpenDropDownOnItemClick="true">
    <Items>
        <DxDropDownButtonItem Text="Cut" IconUrl="@Icon.Cut" />
        <DxDropDownButtonItem Text="Copy" IconUrl="@Icon.Copy" />
        <DxDropDownButtonItem Text="Paste" IconUrl="@Icon.ClipboardPaste" />
        <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>