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.
No matter what I have tried, I get an empty tooltip box showing next to the root item when I first hover over it.
5 Answers, 1 is accepted
Never Mind. I found it.
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.
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.
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.
That worked great. Thank you so much.
I really appreciate the quick responses that I always receive on these forums.