Use of JQuery to Suppress Tooltips

[AdrianD]

Hi All,

As a follow-on from my post in the Stylesheets topic (I''ve raised a bug with Madcap for that original issue), does anyone know if I can suppress the tooltips using jQuery?
I have tried following the details from a website and inserting the following code into the Master Page:

$(function(){
$('*').tooltip({
track: true
});

$(".raise_a_ticket-button").tooltip("disable");
});

This however, is not working, and the tooltips are still displayed.

Any assistance with this would be greatly appreciated.

Many Thanks

Adrian

[NorthEast]

In recent Flare versions (2019r2 onwards?), MadCap uses some code to display the tooltips - it's not the default tooltip displayed by the browser.
If you use F12 to inspect the HTML, you'll see that when you hover over an icon, MadCap adds <p class="tooltip>xxx</p> at the end of the page.

So whilst you can't really stop the code from running, you can easily hide the tooltip using CSS:

Code: Select all

p.tooltip
{
   display: none !important;
}

BTW, I'm not aware of any tooltip function in the jQuery API. I'd guess your code is for jQueryUI (or something else), which is not included in the Flare output.

[amitkapoor]

CSS method is the best and easiest so far to disable tooltips.

Flare uses QTip it seems to create and display tooltips:

https://craigsworks.com/projects/qtip/

[doc_guy]

I'll just put in a plug for accessibility: if you have any disabled users who are using a screen reader to access your content, they rely on things like tooltips and other meta markings to be able to "read" the document. Please assess the business case for removing tooltip functionality and weigh it against the chances of getting sued for not having section 508-compliant output.