XF 2.3 How to include a link in a tooltip?

frm

Well-known member
A link can be used in a tooltip if it's in the node's description:
node-tooltip.gif
Using the HTML rendered:
HTML:
<a href="/forums/announcements.2/" data-xf-init="element-tooltip" data-shortcut="node-description" id="js-XFUniqueId10" data-xf-pointer-type="mouse">Announcements</a>

But it can't be made if you edit the Phrases with the link (double quotes break it but an apostrophe works, just doesn't show the link):
tooltip-phrase.gif

With the HTML:
HTML:
<a href="/misc/style-variation" rel="nofollow" class="js-styleVariationsLink" data-xf-init="tooltip" data-xf-click="menu" data-z-index-ref=".u-bottomFixer" role="button" aria-expanded="false" aria-haspopup="true" data-original-title="Style variation <a href='https://www.moreinfo.com'>More info</a>" id="js-XFUniqueId37" data-xf-pointer-type="mouse">

An apostrophe was used in the phrase style_variation edit as a quotation mark breaks it entirely.

Also, the delay is too quick to even click the link if possible. Is there a way to also make the delay longer?

To be clearer on what I'm trying to do, I don't want to add a tooltip to the Style variation, but a Font Awesome icon (similar to using data-xf-init="tooltip" data-original-title="Style variation"), except I want a link within in.

Is there special formatting for links that need to be taken into account? It's unclear because there's nothing to copy from the node example.
 
Back
Top Bottom