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
1 answer

Bootstrap-vue using b-tooltip on b-table

i am using bootstrap-vue to show my data on b-table , i truncated long text and show the orginal one when hover on it by using title prop . it workes good with that and customer css but i want to use b-tooltip
SeyT
  • 773
  • 1
  • 10
  • 23
3
votes
2 answers

$(...).tooltip is not a function using bootstrap 4 in npm webpack

I can't seem to get tooltips working in bootstrap 4 using npm webpack. I've just installed these node vendors... $ npm install jquery $ npm install bootstrap $ npm install popper.js --save And I am requiring vendors like so... global.jQuery =…
joshmoto
  • 4,472
  • 1
  • 26
  • 45
3
votes
1 answer

bootstrap js tooltip display html content

I am trying to display html content on tooltip title. But the plain text is being displayed. 0 And…
Azima
  • 3,835
  • 15
  • 49
  • 95
3
votes
1 answer

How to use jQuery hoverIntent plugin with Bootstrap Tooltips

How can I use the hoverIntent jQuery Plugin with Bootstrap Tooltips (to show the tooltips only when the mouse is stopped on the button not on passing over)? $(function() { $(".btn").hoverIntent( $('[data-toggle="tooltip"]').tooltip() …
Behseini
  • 6,066
  • 23
  • 78
  • 125
3
votes
1 answer

angular2 bootstrap4 tooltip doesn't render html, while popover does

I'm using angular2 and bootstrap4. Popover correctly renders raw html as bold text asdf
3
votes
2 answers

Bootstrap Tooltip Not working with aria-describedby

I didn`t understand why my bootstrap tooltip not work. when i add title attributes to element and hover on it, title attributes set to null and add one other element call area-describedby.
3
votes
1 answer

How to prevent Bootstrap Tootip from falling apart?

The Bootstrap Tootip will randomly fall apart, separating it's arrow from it's body, as illustrated on the image below: I tested this on multiple browsers using this webpage and this behavior can be seen randomly but still occurring: Tooltip on…
Michel Feinstein
  • 13,416
  • 16
  • 91
  • 173
3
votes
0 answers

bootstrap tooltip issue with absolute position and body horizontal scroll

I'm designing a joomla horizontal scroll website by specifying the width of the body to be 4500px wide and absolute positioning the content I want (tried loads of different ways and this one works the best for me). The problem is bootstrap tooltips…
3
votes
1 answer

Why is tooltip auto placement not working correctly?

I'm using Bootstrap's tooltip plugin, and am having trouble getting data-placement="auto bottom" to work. Using data-placement="bottom" works as intended though. Here is what my element looks like:
3
votes
1 answer

Increase length of tooltip/popover in ShinyBS

The ShinyBS package provides a great and easy way to add tooltips and popovers to elements of a Shiny app. However, the length of these is sharply limited at around 40 characters. I really need to increase the number of characters allowed in these…
sssheridan
  • 690
  • 1
  • 6
  • 15
3
votes
1 answer

Unable to load Bootstrap tooltip via Ajax

i'm trying to load (via Ajax Call) a tooltip whose title is in HTML tags. In the first page load when it is loaded by the include_once function, the tooltip works fine, but not when i trigger the page load with Ajax Call. Here are my files…
codeless
  • 145
  • 5
  • 14
3
votes
2 answers

Twig filter return inside html tag

I am trying to display an Bootstrap tooltip much easier and cleaner inside twig template. I want to achieve something like this: I've created twig filter: class TooltipExtension extends…
3
votes
1 answer

while bootstrap tooltip active prevents jquery event from firing

I got an input field that displays a bootstrap tooltip when focused.
3
votes
1 answer

Bootstrap Tooltip on Filestyle input element

Is there a way to attach a Bootstrap Tooltip to a Filestyle input element? Something that would appear like this when hovered over: I've tried the following without success:
3
votes
0 answers

Bootstrap .tooltip() 'hide' event bubbles up regardless of stopPropagation()

Our customer's application is running on Bootstrap 2.3.2, and because of compatibility with some old plugins also still jQuery 1.8.3. The application is a media file organizer with folders and a grid view. We have a file manager modal that can be…
vtamm
  • 342
  • 1
  • 11
1 2
3
16 17