Hide tooltips for menu root items?

[Bob]

I have a Menu that has 9 root level items and many children items under each of them.

I have added tooltips to the items, but I do not want tooltips for the root items to show up at all.

I am loading the text using the ContentHandler and I have tried setting the text for the root items to "" and also to null. I have tried just leaving them out of the JavaScript that I use to set the text.

No matter what I have tried, I get an empty tooltip box showing next to the root item when I first hover over it.

TIA,
Bob Mathis

[Bob]

Never Mind. I found it.

Thanks

[Dimitar]

Hi Bob,

I am glad to know that you have managed to find a solution for this case. If you would like to, you may share a snippet with the community how you resolved it.

Regards,
Dimitar
Telerik

[Bob]

Well, actually, I just thought that I had it. I set the filter in the tooltip to ".k-top" and the root no longer had the empty tooltip box and any menu item that only had one child item showed the tooltip correctly, so I thought I had it fixed.

But then, I found that if a root item had more than one child, only the first child would have the tooltip.

So, now I am back to square one.

Bob

[Dimitar]

Hi Bob,

You should narrow down filter expression for the ToolTip - the jQuery selector which narrows the elements within the container for which the Tooltip will be shown. The easiest way to do so is to open your browser dev tools and start narrowing down the selection using #Menu as a beginning. You may try the following selector, which returns only child items on my side: '#Menu .k-item .k-group .k-item'

You may test it in the browser with jQuery as follows: $('#Menu .k-item .k-group .k-item') . Executing it should return child items only.

Regards,
Dimitar
Telerik

[Bob]

That worked great. Thank you so much.

I really appreciate the quick responses that I always receive on these forums.

 

Bob