Joomla Templates Club 406,261 posts

[nick mortensen Friend nick mortensenJoin date: September 2014Posts: 35Downloads:18Uploads:6 Thanks: 10 Thanked: 11 times in 2 posts]

#196197

I had a rough time trying to get the tooltips that are inherent to bootstrap operational on my site, but had a breakthrough and thought I’d share in case you also run into this issue.

If you edit a post with no editor – HTML only and want to call those fun little tooltips from bootstrap, you can add to your element (in this example a link – or “a” element) a unique class name (in this example “wanttooltip”) and add an attribute: “data-toggle=”tooltip” to the tag (again, in my case an “a” tag) along with what you’d like your tooltip to say in a “title” attribute on the same element.

Example

<a class=”wanttooltip” data-toggle=”tooltip” title=”I want my tooltip to say” href=”#”>Mouse Over Me for a Tooltip</a>

At that point, you’ve got to head to the bottom of your post and call for the tooltip, except where you’d normally use the “$” as in:
<script>
$(‘a.wanttooltip’).tooltip()
</script>
You substitute “jQuery” for the “$” as in:
<script>
jQuery(‘a.wanttooltip’).tooltip()
</script>

I pulled that knowledge off of the Joomla Documentation. It was a legitimate bear getting to that point – even after watching the “Up and Running With Bootstrap 3” tutorial from Lynda.com.

Use it as you see fit, my friends.

1 user says Thank You to nick mortensen for this useful post

1. alexsmirnov

[Author]

Posts