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
3
votes
2 answers

Bootstrap Tooltip doesn't work if element is initially hidden

I have some buttons that show detailed information with Bootstrap tooltips. My main problem is that these buttons are initially hidden in a div (display:none;) and when the div is shown (display:block;) the tooltips don't work. How can i overcome…
Ricky
  • 2,912
  • 8
  • 47
  • 74
3
votes
1 answer

How to apply bootstrap.tooltips plugin to elements dynamically generated?

I am trying to create dynamic td elements using Datatables from an AJAX feed. Here is the relevant aoColumnDefs for the column: "aoColumnDefs": [ { "mRender":function(data, type, row) { return '' + …
user177800
2
votes
0 answers

Tooltips have no pointers in 5.1.3 version of Bootstrap for angular

None of the tooltips have pointers after upgrading from BS4 to BS5. They just show the data with black background and white color text without pointers. I could observe ::before being not used when tooltip appears. I have included popper.js and…
Tejaswini S Varthalur
  • 21
  • 2
2
votes
1 answer

Using dropdown button together with tooltip causes a JavaScript error in BS 5

when using a dropdown button together with a tooltip throws a JavaScript error in Bootstrap 5. Please run this snippet:
jstuardo
  • 3,901
  • 14
  • 61
  • 136
2
votes
2 answers

Apply custom styles to ngbtooltip in angular

I want to apply custom style to my tooltip as shown in image. Please help me.. Thanks
Rohit Tagadiya
  • 3,373
  • 1
  • 25
  • 25
2
votes
3 answers

Bootstrap 5: make tooltip hoverable and link clickable

Sometimes you want to include links in the tooltips and make them clickable. Since I did not found any good answer for bootstap 5 and took me some time to figure out I want to share it. The default Bootstrap 5 tooltip initialization looks like…
V1pr
  • 103
  • 2
  • 9
2
votes
1 answer

How to close popper tooltip when the button is clicked?

I have button with tooltip created as Tooltip is activated using…
Muflix
  • 6,192
  • 17
  • 77
  • 153
2
votes
1 answer

How to show form elements in bootstrap tooltip?

I am trying to show form elements in bootstrap tooltip but it's not working. Tooltip shows any type of html including tables and list, but doesn't display form elements i.e input, select etc. $(document).ready(function(){ html=…
Zahid
  • 91
  • 8
2
votes
2 answers

Rails 6.0.3.2 yarn add bootstrap jquery popper.js is not working and cannot use bootstrap tooltip

I am using rails 6 version 6.0.3.2 Here are all my steps for setup bootstrap 4: step 1: rails new test_tooltip step 2: rails g controller welcome index step 3: in welcome/index.html.erb

Tooltip Example

akasuki101
  • 51
  • 1
  • 4
2
votes
1 answer

Bootstrap-tooltip in Aurelia

I need to use bootstrap-tooltip in aurelia framework. For this, I have created a BootstrapTooltip attribute class. import {customAttribute, inject} from "aurelia-framework"; import $ from…
vhurryharry
  • 1,875
  • 1
  • 10
  • 28
2
votes
1 answer

Adding a tooltip to a cell in a Bootstrap Table using Dash

I am using Dash to build an application and part of the application is displaying a data table. I convert the table from a pandas dataframe to a Bootstrap Table in Dash using the Table() function from dash-bootstrap-components. With my table set…
student_t
  • 243
  • 2
  • 9
2
votes
2 answers

How to remove tooltip when hovering an inner object?

I have an outer div with an image inside, both have tooltips. Clicking either element performs a different action: Clicking the outer div, selects the image. Clicking the inner img, opens the image. I'd like to differentiate the actions, so when…
Travis Heeter
  • 13,002
  • 13
  • 87
  • 129
2
votes
2 answers

How to initialize Bootstrap tooltip in JavaScript not jquery in Vue/Nuxt.js?

Currently I am using Vue/Nuxt.js and I am trying to initiate a Bootstrap tooltip using java script. I am aware it can be initialized using jquery but I need it to be initialized using javascript. Here is my code for the tooltip:
Xerxes Bamji
  • 21
  • 3
2
votes
1 answer

Bootstrap tooltip persists after browser back navigation in Rails

Having some difficulty with Bootstrap tooltips, specifically getting them to hide on backwards navigation. I'm on Rails 5 w/ Turbolinks. Here's what happens: I click a link that has a Bootstrap tooltip The link takes me to a new page I navigate…
Andrew
  • 472
  • 2
  • 24
2
votes
1 answer

Tooltip shows with Standard Tooltip

$(function () { $('[data-toggle="tooltip"]').tooltip() })