DIsable automatic open menu when mouse is over

Hi, how to disable the opening of a menu when the mouse is over? I need the menu to open only when I click on the item.
thanks

1 Reply 1 reply marked as answer

MK Mohan Kumar Ramasamy Syncfusion Team November 16, 2020 01:28 PM UTC

Hi Salvatore, 
 
We have checked your reported query. We can achieve your requirement using ShowItemOnClick property. Please refer below code snippets. 
 
 
@using Syncfusion.Blazor.Navigations 
<div class="control-section"> 
    <div class="menu-control"> 
        <SfMenu TValue="MenuItem" ShowItemOnClick="true"> 
            <MenuItems> 
                <MenuItem Text="File" IconCss="em-icons e-file"> 
                    <MenuItems> 
                        <MenuItem Text="Open" IconCss="em-icons e-open"></MenuItem> 
                        <MenuItem Text="Save" IconCss="em-icons e-save" Disabled="false"></MenuItem> 
                        <MenuItem Separator="true"></MenuItem> 
                        <MenuItem Text="Exit"></MenuItem> 
                    </MenuItems> 
                </MenuItem> 
 
                <MenuItem Text="Edit" IconCss="em-icons e-edit"> 
                    <MenuItems> 
                        <MenuItem Text="Cut" IconCss="em-icons e-cut"></MenuItem> 
                        <MenuItem Text="Copy" IconCss="em-icons e-copy"></MenuItem> 
                        <MenuItem Text="Paste"></MenuItem> 
                    </MenuItems> 
                </MenuItem> 
 
                <MenuItem Text="View"> 
                    <MenuItems> 
                        <MenuItem Text="Toolbars"> 
                            <MenuItems> 
                                <MenuItem Text="Menu Bar"></MenuItem> 
                                <MenuItem Text="Bookmarks Toolbar"></MenuItem> 
                                <MenuItem Text="Customize"></MenuItem> 
                            </MenuItems> 
                        </MenuItem> 
                        <MenuItem Text="Zoom"> 
                            <MenuItems> 
                                <MenuItem Text="Zoom In"></MenuItem> 
                                <MenuItem Text="Zoom Out"></MenuItem> 
                                <MenuItem Text="Reset"></MenuItem> 
                            </MenuItems> 
                        </MenuItem> 
                        <MenuItem Text="Full Screen"></MenuItem> 
                    </MenuItems> 
                </MenuItem> 
                <MenuItem Text="Tools"> 
                    <MenuItems> 
                        <MenuItem Text="Spelling & Grammar"></MenuItem> 
                        <MenuItem Text="Customize"></MenuItem> 
                        <MenuItem Separator="true"></MenuItem> 
                        <MenuItem Text="Options"></MenuItem> 
                    </MenuItems> 
                </MenuItem> 
                <MenuItem Text="Help"></MenuItem> 
            </MenuItems> 
        </SfMenu> 
 
 
For your reference we have prepared a sample based on this, please refer below sample link. 
 
 
Please let us know, if you need any further assistance. 
 
Regards, 
Mohan kumar R 


Marked as answer
Loader.
Up arrow icon