Question about Tooltip

2 replies · opened May 17, 2021

FflymacMay 17, 2021

Hello,

on this page: http://themes.semicolonweb.com/html/canvas/block-misc-tooltip.html

there is an example of a Tooltip. If I move the mouse over the highlighted area the Tooltip opens, if I try to move the mouse inside the Tooltip it disappears.
I would like to insert a link in the Tooltip, with data-html="true, so the user can click the link.
This is possible?

Thanks

SSemicolon WebSTAFFMay 17, 2021

Hello,

The default functionality of a Tooltip is to show/hide on mouseover. To be able to click the Link inside a ToolTip, you will need to change the ToolTip show/hide trigger to click instead which will show/hide the ToolTip on mouse click. Then you can click the Link inside it. Simply add the data-trigger="click" Attribute to the data-tooltip Element. Here is the complete list of options available: https://getbootstrap.com/docs/4.6/components/tooltips/#options .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

FflymacMay 18, 2021

Hello,

that's just what I was looking for, it works great, thank you very much! :)

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard