Skip to main content

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

MenuDropDownActionMode Enum

Lists values that specify which action opens a menu item’s submenu.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public enum MenuDropDownActionMode

#Members

Name Description
Default

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

Hover

The submenu opens when the menu item is hovered over.

Click

The submenu opens when the menu item is clicked.

#Related API Members

The following properties accept/return MenuDropDownActionMode values:

#Remarks

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

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