Stack Overflow
Stack Overflow

Questions tagged [twitter-bootstrap-tooltip]

This tag is for questions related to the Twitter Bootstrap tooltip jQuery plugin.

Tooltip is a jQuery plugin that is part of . It may be used to display the content of the title attribute.

From the tooltip documentation:

Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.

245 questions
223
votes
21 answers

How to enable Bootstrap tooltip on disabled button?

I need to display a tooltip on a disabled button and remove it on an enabled button. Currently, it works in reverse. What is the best way to invert this behaviour? $('[rel=tooltip]').tooltip();
Lorraine Bernard
  • 13,000
  • 23
  • 82
  • 134
92
votes
19 answers

Using Bootstrap Tooltip with AngularJS

I am trying to use the Bootstrap tooltip in an app of mine. My app is using AngularJS Currently, I have the following:
53
votes
4 answers

Displaying long text in Bootstrap tooltip

I'm trying to display a bit of long text in a twitter bootstrap tooltip. As you can see in the picture below, things aren't going smashingly. Does anyone have an easy fix for text that overflows the bootstrap tooltip? EDIT (added requested code):…
Jeff Borden
  • 1,369
  • 1
  • 19
  • 30
49
votes
4 answers

Uncaught Error: no such method 'show' for tooltip widget instance

I am using ajax to submit a form for my registration, but am having an issue trying to setup tooltips to display error messages for errors that come back from the controller. JavaScript: $(document).on('ajax:success', '.user_modal_form', function(e,…
dennismonsewicz
  • 25,132
  • 33
  • 116
  • 189
28
votes
5 answers

Destroy All Bootstrap Tooltips in A Div

I have a $("#settings") div with multiple bootstrap tooltips attached to the child elements. For example,
Content: …
LSD
  • 525
  • 1
  • 6
  • 12
25
votes
9 answers

remove transparency from bootstrap tooltip

The standard .tooltip from twitter bootstrap has a transparency that I would like to remove. This my HTML:
ganjan
  • 7,356
  • 24
  • 82
  • 133
15
votes
2 answers

Adjust Bootstrap Tooltip Width

I am using bootstrap tooltips version 3 and JQuery on my form which has textboxes with different widths. I was wondering if there is a way to adjust the width of the tooltip according to the element it is on. i.e I would like the tooltip content to…
user1527762
  • 927
  • 4
  • 13
  • 29
15
votes
3 answers

Bootstrap tooltip showing behind modal window

I have a modal window which consists this div:
@Html.Label("Domain account…
szpic
  • 4,346
  • 15
  • 54
  • 85
14
votes
3 answers

bootstrap tooltip\popover - solving inconsistent placement to the left

I've been working on a project and I've noticed some inconsistency in bootstrap's behavior that I would like to solve. When a popover (or tooltip, whatever, they're basically the same) is nearing the edge of the screen - if it's a right-sided one,…
yuvi
  • 18,155
  • 8
  • 56
  • 93
13
votes
5 answers

How do use bootstrap tooltips with React?

I had tooltips working earlier and am trying to migrate my component to React. I'm not using react-bootstrap yet because I'm not sure if I'm going to because it's still under heavy development and not 1.0 yet. Here's a snippet of what my render code…
Ryan Peschel
  • 11,087
  • 19
  • 74
  • 136
12
votes
1 answer

UI-Bootstrap Popover goes off the screen

I'm using the Ui-bootstrap popover from UI Bootstrap (AngularJS). and the popover in the border of the page seems to get out of the screen... Is there a better way to position the popover - so it could stay inside the screen? as you can see popover…
Alan Brian Dardic
  • 121
  • 1
  • 5
12
votes
11 answers

Auto hide bootstrap tooltip

I want to hide automatically the Boostrap tooltip after few seconds.
Dhanil
  • 442
  • 2
  • 6
  • 15
11
votes
3 answers

Bootstrap tooltip data-container=body and limit scope of css on .tooltip-inner

I am using bootstrap 3.3 tooltips and had an issue with the tooltips being cropped/hidden. I solved this by setting data-container="body".
Jason
  • 2,113
  • 2
  • 14
  • 7
11
votes
7 answers

Refresh an element so its new tooltip shows (in jQuery/Javascript)

I have an html element which is using bootstrap tooltip to show a title when hovering over it. However, when you click this element I'm changing the tooltip, but the new tooltip isn't showing until I remove the mouse from it and re-hover over the…
Weblurk
  • 6,562
  • 18
  • 64
  • 120
9
votes
3 answers

Angular UI Tooltip overflowing screen

I have a tooltip (http://angular-ui.github.io/bootstrap/) with a status notification, but when this notifications is to large, it overflows the screen limits. here is a print of what is happening: I couldn't find any attribute in angular ui that…
jgabrielfaria
  • 1,543
  • 3
  • 15
  • 19
1
2 3
…
16 17