Using the TelerikMenu component, is it possible to always keep the menu visible as long as the cursor is somewhere over the menu.

1 Answer 53 Views
Menu
Bram
Top achievements
Rank 1
Bram asked on 06 Nov 2024, 10:54 AM

Hi

I'm using the TelerikMenu component with multiple nested levels of menu items. When moving the cursor from inside a nested level, to a parent level that is not in the currently selected path, the menu disappears. 

View this example on REPL: https://blazorrepl.telerik.com/mIvFOglY481u2hRG05

When moving the cursor from "Item A1 - 1" to "Item A2", the menu disappears.

 

Because I have a large menu with multiple levels, it would improve user experience to keep the menu visible as long as the cursor hovers it. Is there any way to make this happen?

 

Best regards

Bram

1 Answer, 1 is accepted

Sort by
0
Nadezhda Tacheva
Telerik team
answered on 08 Nov 2024, 04:30 PM

Hi Bram,

If you want to easily browse through the various child items without the Menu disappearing, I recommend configuring the Menu, so it opens and closes on click instead of on mouse enter and leave.

I've updated your sample to better showcase the idea: https://blazorrepl.telerik.com/mIvFksFq30vuyq4e14.

Regards,
Nadezhda Tacheva
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Bram
Top achievements
Rank 1
commented on 12 Nov 2024, 08:15 AM | edited

Hi Nadezhda

This is not an option. Clicking an item needs to execute a different action, so if I configure the menu to open on click, that other action is lost.

 

Best regards

Bram

Nadezhda Tacheva
Telerik team
commented on 13 Nov 2024, 12:15 PM

Hi Bram,

I'm afraid that configuring the Menu to open and close on click is the only option to keep the child Menu open when moving the cursor from inside a nested level, to a parent level that is not in the currently selected path. By design, of the MouseLeave hide mode, the child Menu items will disappear when the mouse cursor leaves the child item group and their parent.

Apart from that, even if you set the ShowOn and/or HideOn to "Click", the Menu will still fire its OnClick event, so you may perform your desired action.

Tags
Menu
Asked by
Bram
Top achievements
Rank 1
Answers by
Nadezhda Tacheva
Telerik team
Share this question
or