We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Franck
  2. General Discussion
  3. Thursday, 28 August 2014
  4.  Subscribe via email
Hello,
I am trying to use Bootstrap Tooltip with T3 BS3 template in my custom component.
I already read a lot of topics about it, but I still have the problem. Just add the class "hasTooltip" doesn't work for me.

Popover
It works with this code :

<button type="button" class="btn hasPopover" title="Test" data-content="It works great">Click to toggle popover</button>
<script type="text/javascript">
!function ($) {
$(function(){
$(".hasPopover").popover({title: '', content: "Testing popover!", trigger: "click", placement: "bottom" });
})
}(window.jQuery)
</script>


Tooltip
I use nearly the same code for tooltip, but I can't make it works

<button type="button" class="btn hasTooltip" title="Test" >Click to toggle tooltip</button>
<script type="text/javascript">
!function ($) {
$(function(){
$(".hasTooltip").tooltip({title:'Test', trigger: "hover", placement: "bottom" });
})
}(window.jQuery)
</script>


I don't understand what I do wrong. Can you advice me ?
Attachments (1)
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Franck,

To add tooltip, please use the format:

<button type="button" class="btn btn-default hasTooltip" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>


Get more detail at: http://getbootstrap.com/javascript/#tooltips

Gadner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.