DxMenu.DropDownActionMode Property

Specifies which action is used to open a menu item's submenu.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

Declaration

[Parameter]
public MenuDropDownActionMode DropDownActionMode { get; set; }

Property Value

Type Description
MenuDropDownActionMode

A MenuDropDownActionMode enumeration value.

Available values:

Name Description
Default

In mobile mode, the submenu opens when the menu item is hovered over.
In desktop mode, the submenu opens when the menu item is clicked.
Refer to DisplayMode.

Hover

The submenu opens when the menu item is hovered over.

Click

The submenu opens when the menu item is clicked.

Remarks

In the following example, the Hover action is used to open a menu item's submenu.

<div class="card w-auto">
    <DxMenu Title="DevExpress" DropDownActionMode="MenuDropDownActionMode.Hover">
        <Items>
            <DxMenuItem Text="Products" IconCssClass="oi oi-layers">
                <Items>
                    <DxMenuItem Text="Subscriptions / Packs" />
                    <DxMenuItem Text=".NET Windows Forms Components" />
                    <DxMenuItem Text="Reporting / Printing Suites" />
                    <DxMenuItem Text="VCL Components and Tools" />
                    <DxMenuItem Text="ASP.NET Components" />
                </Items>
            </DxMenuItem>
            <DxMenuItem Text="Support" IconCssClass="oi oi-person">
                <Items>
                    <DxMenuItem Text="Knowledge Base" />
                    <DxMenuItem Text="Documentation" />
                    <DxMenuItem Text="Support Center" />
                    <DxMenuItem Text="Newsgroups" />
                    <DxMenuItem Text="Best Practices" />
                </Items>
            </DxMenuItem>
        </Items>
    </DxMenu>
</div>
See Also