XF 2.0 How to use Tooltips Core for custom tooltips

[uf4b]

Hello,
I wanted to know how to use the included core js functions to handle tooltips.
I found there is a tooltip.js file , and there are different options to choose from.. Preview , Basic , Element etc..

I need to display custom html not just an inline text.
For simple inline texts adding data-xf-init="tooltip" and a title="" attribute on my element, it works..
But how can I display a content from a unique div for example ?

Thanks in advance..

 

[Joe Link]

I'd also like to know this.

 

[Banxix]

No one could answer this?

 

[Banxix]

Sorry for duplicate post but I think write it separately is better.

XF has custom tooltip functions, one for basic tooltip that displays only text and another for tooltip with html content called ElementTooltip.

Basic tooltip needs data-xf-init="tooltip" and title attribute.

For ElementTooltip, you need to specify data-xf-init="element-tooltip" and an attribute xf-element="css-selector-to-the-html-content". You have to create an element that contains the tooltip html. Look at the attachment.