Disable tooltip in The Grid

[mikerayjones]

Hi. I have a grid of media items using the Roma skin, which generates a tooltip containing the media item’s title when I rollover the item.

How can I disable the tooltip? I’ve tried using Chrome’s DevTools to find the selector but the tooltip disappears when the grid item loses focus!

Thanks
Mike.

[friech]

Hi Mike,

Thank you for writing in, did you modify that Roma skin? Because when I tested that on my dev site it does not show a tooltip.

Try removing the title attribute using this jQuery provided here.

jQuery(document).ready(function($) { 
            $("YOUR-SELECTOR").removeAttr("title");
    });

Please do note that code is only a guide and it would be your responsibility to take it from here.

Cheers!

[mikerayjones]

No - I haven’t modified the skin - it is as supplied… The tooltip is showing the alt-text - maybe yours was empty when you tested it?

I assume I’m meant to replace “YOUR-SELECTOR” but I can’t find out what the selector should be!

Thanks.

[ruenel]

Hello @mikerayjones,

Are you referring to this one?

If that is the case, please use this custom JS code:

jQuery(document).ready(function($) { 
	$(".tg-media-button").removeAttr("title");
});

We would love to know if this has worked for you. Thank you.

[mikerayjones]

Congratulations, Sherlock! That is exactly right; thanks for the JS which works perfectly.

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.