This is a migrated thread and some comments may be shown as answers.
Hide tooltips for menu root items?
5 Answers 4 Views
This is a migrated thread and some comments may be shown as answers.
Bob
Top achievements
Rank 2
Bob asked on 28 Apr 2016, 05:17 PM

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

5 Answers, 1 is accepted

Sort by
0
Bob
Top achievements
Rank 2
answered on 28 Apr 2016, 06:03 PM

Never Mind. I found it.

Thanks

0
Dimitar
Telerik team
answered on 29 Apr 2016, 11:34 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Bob
Top achievements
Rank 2
answered on 29 Apr 2016, 01:40 PM
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
0
Accepted
Dimitar
Telerik team
answered on 03 May 2016, 02:19 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Bob
Top achievements
Rank 2
answered on 03 May 2016, 05:21 PM

That worked great. Thank you so much.

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

 

Bob

Asked by
Bob
Top achievements
Rank 2
Answers by
Bob
Top achievements
Rank 2
Dimitar
Telerik team
Share this question
or