Tooltips cannot function at whmcs

[sheling]

Why my tooltips code cannot function at whmcs, it work well at normal html website.

 

<script>

$(document).ready(function(){

$('a').tooltip();

});

</script>

 

<a href="#" data-toggle="tooltip" title="text to show in tooltip">tooltips</a>

[tsiedsma]

What version where you having issues with?

I'm seeing this in the six theme with 6.1.1

 

Trying to add tooltips results in less than desirable behavior.

The tooltip isn't confined to a bubble and once you release the trigger (mouseover or click) the tooltip text drops to the footer and is still visible.

 

I'm doing my own troubleshooting to find a fix, but it would be nice to know if other people see similar behavior and if WHMCS staff know of a quick fix...

 

For the records, creating an example like this doesn't work.

http://getbootstrap.com/javascript/#tooltips

 

- - - Updated - - -

 

Here's my example:

 

 

[tsiedsma]

Ok, I figured it out.

WHMCS uses jqueryUI for some things.

The version included also defines tooltip.

I created and downloaded a custom version here without tooltip and it works fine.

https://jqueryui.com/download/#!

 

*Note, I cannot guarantee you won't have issues. I couldn't find any legit usages of "tooltip" in any "six" tpl files or scripts that would be impacted by this. I also gave the new file a different name and updated footer.tpl to use the new file.

[sentq]

Ok, I figured it out.

WHMCS uses jqueryUI for some things.

The version included also defines tooltip.

I created and downloaded a custom version here without tooltip and it works fine.

https://jqueryui.com/download/#!

 

*Note, I cannot guarantee you won't have issues. I couldn't find any legit usages of "tooltip" in any "six" tpl files or scripts that would be impacted by this. I also gave the new file a different name and updated footer.tpl to use the new file.

yes the conflict come from jQueryUI, it has been exist since WHMCS v5+, any of the both functions (Bootstrap or jQuery tooltip) will work, they use the same syntax, anyway the most ugly thing here is the design of jQuery tooltips

[USA_Webmaster]

I too noticed this problem wasn't fixed in the most recent update, sadly - no worries though! I recommend using a pure css alternative...consider browsing CodePen.io for pure css tooltips to find something suitable to your desire...the performance gain is nice too.