Discussion in 'Styling and Customization Questions' started by Stuart Wright, Jul 6, 2016.
Hello folks, is there a way to customise tooltips so they contain css styled text like this?
It would pretty much require a small amount of custom development.
If you consider something like the thread preview tooltip, you could actually use that framework for this. Hovering over the element has to make an AJAX request to a specified URL which will then return a template which contains the contents you want to display inside the tooltip.
The thing about the thread preview tooltip is that there is a slight delay. We need the popup to pop up instantly.
Is there a way to remove the delay?
Not really. Part of the delay is the loading of the Ajax request. The othe part is as designed so it doesn't get triggered automatically by accident. I don't think it's configurable.
Then we will have to use a different script
Our tooltip system is based on the title attribute, but the node descriptions use as separate element. No ajax involved. However, the JS is somewhat specific to that usage, mostly with respect to positioning.
You can use the underlying tooltip library directly though. Here's an example: http://jquerytools.github.io/demos/tooltip/any-html.html
Separate names with a comma.