T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (9)

Resolved Use Tooltip and popover

0
Votes
Undo
  1. Michael Harris
    Michael Harris
  2. General Discussion
  3. Monday, 07 July 2014
  4.  Subscribe via email
After installing Joomla 3 with T3, I tried using this code to call the tooltip:
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

after this code, I tried it and see if it worked, but did not, so I tried calling the javascript, but no help. I looked all over for help, but I found nothing but just APIs for backend. I need tooltips for FRONTEND of the site. Is there like a special code or something?
Comment
There are no comments made yet.
Responses (9)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Michael,

Please send me the url that has the tooltip and a screenshot with explanation.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Michael Harris
Michael Harris
Accepted Answer Pending Moderation
0
Votes
Undo
just done it
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Michael,

To have the tooltip as Bootstrap (http://getbootstrap.com/javascript/#tooltips), please use the format below:


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


The difference is that you missed the class "hasTooltip".

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Michael Harris
Michael Harris
Accepted Answer Pending Moderation
0
Votes
Undo
And same goes for popover? Just with the "hasPopover" class?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Yeah, I think so. You can try and share the result here ;)

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Michael Harris
Michael Harris
Accepted Answer Pending Moderation
0
Votes
Undo
I did, but when I clicked on the button, nothing comes out:
<button type="button" class="btn btn-default hasPopover" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">

  Popover on right

</button>
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
Michael Harris
Michael Harris
Accepted Answer Pending Moderation
0
Votes
Undo
EDIT: I looked into chrome's dev tools and found THIS:

jQuery(document).ready(function(){

	jQuery('.hasTooltip').tooltip({"html": true,"container": "body"});

});


Is there a way to add a popover jQuery into this code?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 7
Michael Harris
Michael Harris
Accepted Answer Pending Moderation
0
Votes
Undo
EDIT: NEVER MIND! I got it! It was a simple copy and paste and changed from .tooltip to .popover, saved it and worked!!!!

Now It's kinda off topic, but is there a way to get like a bootstrap 'loading' button to work?

here's the code:

<button type="button" id="loading-example-btn" data-loading-text="Loading..." class="btn btn-primary">

  Loading state

</button>

<script>

  $('#loading-example-btn').click(function () {

    var btn = $(this)

    btn.button('loading')

    $.ajax(...).always(function () {

      btn.button('reset')

    });

  });

</script>


because I think with this, it kinda conflicts JS with Mooltols (I guess)?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 8
Michael Harris
Michael Harris
Accepted Answer Pending Moderation
0
Votes
Undo
Anyone??
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 9
  • Page :
  • 1


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