Bootstrap Tooltips
-
-
- Ali Samii
- Elite Rocketeer
- Posts: 629
- Thanks: 2
-
How do I enable the bootstrap tooltips in Gantry 4?
The bootstrap javascript is loaded, as bootstrap.min.js as is jquery.
I added the following to the index.php file just before the closing body tag
<script type="text/javascript"> $(document).ready(function () { $("[rel=tooltip]").tooltip(); }); </script>
I still seem to have a conflict as I get the following error:
TypeError: 'undefined' is not a function (evaluating '$(document).ready(function () { $("[rel=tooltip]").tooltip(); })')
The text that is supposed to trigger the tooltip is:
<a href="#" rel="tooltip" data-placement="top" data-original-title="Depuis le 1er juin 2004, la durée légale de la vie séparée a été réduite de quatre à deux ans.">le cas d’un mariage de longue durée</a>
J3.0.2
G4.1.4
gobet.ergonomiq.net/divorce-séparation/d...ux-ans-de-séparation - Thank you.
Ali Samii
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
I'm curious as to why you need to do this. That functionality already exeists in Gantry 4.1.4 with a file called Twipsy.js.
In the pic below I entered this line:and this is the result I got:<a href="#" rel="tooltip" title="first tooltip">hover over me</a>
This image is hidden for guests.
Please log in or register to see it.
-
-
-
- Ali Samii
- Elite Rocketeer
- Posts: 629
- Thanks: 2
-
Hi Dan,
Thank you for your reply. There are many reasons I would prefer to use the bootstrap implementation of tooltips, most importantly functional reasons, but also the default built-in styles. But the functional reasons are finer control on triggers, animation, and the ability to use HTML in the tooltip chief among the functionalities.
I am sure I don't need to point out the URL to Bootstrap's site to you, but for the benefit of other users, the functionalities of Bootstrap's tooltip are listed here: twitter.github.com/bootstrap/javascript.html#tooltips
Also, Twipsy.js does not seem to function on my site. The default Joomla tooltips override it, it seems. - Thank you.
Ali Samii
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Ali Samii wrote:
Thank you for your reply. There are many reasons I would prefer to use the bootstrap implementation of tooltips, most importantly functional reasons, but also the default built-in styles. But the functional reasons are finer control on triggers, animation, and the ability to use HTML in the tooltip chief among the functionalities.We are using the same Twipsy file as Twitter's bootstrap, other than that Djamil ported it to MooTools and made it a bit faster, relying on CSS animations rather than JS animations.
Ali Samii wrote:Also, Twipsy.js does not seem to function on my site. The default Joomla tooltips override it, it seems.There is a fix in Gantry 4.1.5. Please upgrade and try it again
One last note if your unaware in your templateDetails.xml you've changed your copyright info from,<copyright>(C) 2005 - 2012 RocketTheme, LLC. All rights reserved.</copyright>to:
This image is hidden for guests.
Please log in or register to see it.
You MAY change the other info in that file but as you are NOT the copyright holder of the template you are not allowed to change this. Please change this back. Thanks.
-
Time to create page: 0.234 seconds