499 questions
0
votes
2
answers
145
views
Add tooltip to a disabled bootstrap button
I've tried solutions found on other similar threads, but can't get them working.
I've got a bootstrap button that, when in a disabled state, should have a tooltip letting the user know why it's ...
- 329
2
votes
1
answer
316
views
How can I remove the tooltip that shows the last used dates on bootstrap?
I created a datepicker with bootstrap. It works mostly as I want it to, but everytime I click on the field it shows me the last years I have chosen. This blocks the calendar view and is also not ...
- 23
0
votes
1
answer
484
views
ASP.NET Core tooltip aside the button
I am doing an ASP.NET Core MVC application.
I have an Image button that has a tooltip like this
<div class="col-md-1 tooltips" style="margin-left:0px; padding-left:0px">
&...
- 2,390
0
votes
0
answers
64
views
Tooltip not changing color in bootstrap 4
I'm trying to add background color to my tooltip but it's not changing it's color from black. Tried methods available from similar question but nothing is working. I'm using Bootstrap 4 and Vue 3.
...
- 45
1
vote
0
answers
296
views
How to work with Tooltips using same ID or class name?
I am creating a page with ~50 lines where single click on a line will copy that line. And there's a tooltip for copy (on hover) & copied (on click).
Using the below code, I am able to copy each ...
- 11
0
votes
0
answers
92
views
Tooltip is not correctly positioned in modal
I have modal and inside modal is a grid, so when I focus column, and then scroll down/up, bootstrap tooltip is scrollling too. What should I do to prevent that problem?
Code:
<th data-column-id=&...
- 11
0
votes
1
answer
237
views
How to hide tooltip for certain bars in chart.js
I am making a stacked bar that looks like the following:
The spaces you see in between each bar are bars static-sized bars that are the color of the background. I used them because I could not figure ...
- 282
0
votes
0
answers
97
views
jQuery tooltip that includes a table
I'm using jQuery to show as a tooltip whatever is in the "title" of the element. In general it works great. But if I want to display a table as a tooltip by having the entire <table>......
0
votes
0
answers
180
views
Remove initial selection of Select2
I am working with Select2 and jQuery UI Tooltip. I made a jsfiddle in this regard. I am describing issue below.
$( function() {
$(document).ready(function () {
$('.js-example-basic-single')....
- 7,102
0
votes
3
answers
1k
views
ToolTip is not closing with Select2
I am using jQuery UI ToolTip with Select2. My code is like below.
$(".volunteer").on("click", function (event) {
function templateSelection(data_format) {
if (!...
- 7,102
0
votes
1
answer
140
views
Uncaught Error in jQuery UI ToolTip with Select2
I am using jQuery UI ToolTip with Select2. My code is like below.
let selectEle = cellEle.children("select").select2({
//more code here
});
selectEle.on("select2:opening", ...
- 7,102
0
votes
0
answers
29
views
multiple text colors in jQuery Tooltip
I'm trying to get some words in a jQuery tooltip text, another colour. Is this possible? I would like to give the words 'CONTROL PANEL BUTTON' another colour. I already give the tooltip a custom class....
- 11
0
votes
0
answers
160
views
Datatable - Search for data in tooltip
I'm using client side rendering to render a table with data that is sometimes too long to display on a page. I therefore display only the first 50 characters and add a ... with a tooltip containing ...
1
vote
1
answer
371
views
Show image in tooltip when mouse hover on interactive map (canada svg)
im trying to show an image in tooltip when mouse hover in states
My code(index.cshtml
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https:/...
- 123
2
votes
0
answers
382
views
How do i make bootstrap tooltip align properly to the text it is referring to?
So the problem i am facing is that ,
When the user is hovering over a column which has text exceeding the column width , the tooltip is showing to the mid point of the text when the column will be ...
- 43
1
vote
2
answers
1k
views
How do I get tooltips for column heading in Angular-Slickgrid?
The column heading has class ".slick-column-name"
I added this jquery -
var text = $(".slick-column-name").text();
$(".slick-column-name").tooltip({ title: text });
But ...
- 43
0
votes
0
answers
245
views
How to make the Tooltip work with jQuery? - jQuery
I am making a tooltip. When hovering over the red lined areas, the tooltip should show up (which works fine).
The problem I have is that when increasing the distance to >80px between the icon and ...
- 213
1
vote
3
answers
548
views
Jquery UI tooltip doesn't show on anything
I'm working with 2 bootstrap datepickers and
I want to verify if the start date is greater than the end date then show a tooltip
Here's what I have so far :
http://jsfiddle.net/k84phas6/
$('#...
- 47
0
votes
1
answer
222
views
How to customize free-jqgrid tooltip css style
I would like to change the default free-jqgrid tooltip css style.
Setting .ui-tooltip has no effect on free-jqgrid tooltip css style, as it can be seen in the following code snippet.
$(function() ...
-1
votes
2
answers
214
views
jQuery UI tooltip on pseudo disabled elements
I would like to show a tooltip on a text input that has a ui-state-disabled class.
I took a peek to the tooltip source code and I couldn't find something that checks against that particular class. So ...
- 6,014
0
votes
1
answer
1k
views
Only simple tooltip is showing without any style
I don't know why when I hover over my a only a simple tooltip is showing with text.There is no style in it as shown in bootstrap documentation.
(I'm creating a using js)
HTML
<!DOCTYPE html>
<...
- 15
2
votes
3
answers
912
views
Tooltip is not hiding, if we disabled the button on click
Tooltip is not hiding, if we disabled the button on click
$("#btn").on("click", function () {
$(this).prop("disabled", true);
});
here is an running example.
https://...
- 484
1
vote
1
answer
187
views
jQuery UI upgrade creates tooltip position problem. Is there any problem with .position() in jQuery 1.12.1
I have recently upgraded jQuery Ui from 1.10.1 to 1.12.1 and it changes my tooltip placement. IT use to place at left bottom of the element but now after upgrade it appears at left top. Any reason? Is ...
1
vote
0
answers
394
views
Passing variable in <button v-tooltip=""> doesn't accept different characters
I have problem when adding a variable with characters like + and , ~~ , tooltip just generate an error
[Vue warn]: Error compiling template:
invalid expression: Unexpected token
<button v-tooltip=&...
- 55
1
vote
0
answers
163
views
Change tooltip color depending on class
I have a page that uses tooltips. Previously there were only "warning" tooltips that were mainly red, with lighter red warning messages, but now I want some "info" tooltips in a less threatening ...
- 912
3
votes
1
answer
3k
views
Bootstrap tooltips remain visible after navigation in Blazor app
I'm new to Blazor and client side web development in general.
I have the following block of code in my Blazor app:
<h1 class="page-title">
All Offices
<a href="@("office-edit")" ...
- 1,484
0
votes
1
answer
2k
views
jQuery tooltip with large content
I use the jQuery Tooltip Widget to show tooltips with very large contents. If the content is larger than the size of the tooltip window only the end of the content is shown.
I'm looking for a way to ...
- 360
0
votes
1
answer
258
views
Cannot align a portion of text in a UI Tooltip?
I have a Jquery UI Tooltip which has multiple rows of data. Each row has 2 separate pieces of information that I want to align separately to format nicely. The name on the left side I want to align ...
- 43
0
votes
1
answer
172
views
Updating jquery-ui tooltip during hide animation breaks it
Whenever you update the content of a jquery-ui tooltip while the hide-animation is running, it'll pop back into visibility and enter some broken state where it is visible forever and unresponsive to ...
- 306
1
vote
1
answer
633
views
Enabling jQueryUI tooltips for disabled fields and buttons
I would like to have the jQueryUI tooltip work on disabled Buttons and Inputs as well. How can I make this happen?
Included is a sample showing various inputs and buttons, both enabled and disabled ...
- 4,011
0
votes
1
answer
805
views
Tooltips either not appearing or not disappearing
I have been trying to get Bootstrap tooltips to work. Below is my code in Rails 5.2.
In Version 1, when the button is disabled, tooltips does not work. However, if I wrap the disabled button in a ...
- 5,785
0
votes
1
answer
819
views
Close all other jQueryUI tooltips when a new tooltip is opened
How can I close all other jQueryUI tooltips when a user opens a new tooltip. I want to avoid littering the UI with open tooltips.
I did not want to clutter up what I thought was a straightforward ...
- 4,011
0
votes
1
answer
84
views
"Using" option in jQuery position api
In jQuery documentation it says the feedback argument gives horizontal, vertical and important, giving you twelve potential directions like { horizontal: "center", vertical: "left", important: "...
0
votes
1
answer
190
views
JQuery-UI tooltip: enable only for mouseover, disable for focusin
Is it possible to make JQuery-UI tooltip open only on onmouseover but not on focusin event, to make it behave more like a native browser tooltip?
I tried this solution, but it didn't work:
$(...
- 1,891
2
votes
1
answer
147
views
Don't show jquery tooltip in specific cases
I have a table and for one column I want to have a tooltip in each row. So all cells in one column have specific class, 'cell1' so I made tooltip with jquery:
$(table).uitooltip({
items: 'cell1',
...
- 969
0
votes
1
answer
148
views
jquery tooltip doesn't display content on hover
I am trying to display table as a tooltip content.
However the table doesn't seem to show.
Here's the HTML:
<td>
<a href="javascript:void(0);" data-toggle="tooltip1" class="red-tooltip"...
- 4,161
8
votes
2
answers
353
views
JQuery UI tooltip extension using options.items vs title
I wrote the following extension to the JQuery UI tooltip widget that allows the tooltip to have context on getting its content from a HTMLElement's html. However, I have the 'title' attribute hard ...
- 899
0
votes
1
answer
48
views
Jquery tooltip customization isnot working, how to handle it?
i am trying to customize my tooltip with jquery. The positionning and add some effect and also customize a bit the design. Tooltip is correctly displayed but when i try to add some effects or ...
- 1
1
vote
1
answer
215
views
Bootstrap badge function error on the tooltip using escape symbol in the datatable js
I use the following code
var table = $('#example').DataTable({
responsive: true,
"createdRow": function( row, data, dataIndex ) {
var te='something';
var heart='"<div>&...
- 811
0
votes
1
answer
1k
views
The Bootstrap tooltip function missing when change to other page using Datatable
VISIT http://jsfiddle.net/housekeepings/qx5a4wf3/3/
The Tooltip function can work well on the first page,
but failed when change to page two!
How can redraw the tooltip on the other page?
- 811
0
votes
1
answer
181
views
Changing the effect of tooltip through a select menu
I am trying to change the effect of the tooltip based on what the user chooses from a select menu. My problem is that the selected effect works only for the value that's selected by default (like in ...
- 95
1
vote
2
answers
606
views
Google Maps InfoWindow and JQueryUI Tooltip issue
Our site hosts a Google Map which has markers the user can click. When the marker is clicked an InfoWindow is shown with the details of that marker.
We also use JQueryUI tooltip on our site which ...
- 41
0
votes
1
answer
1k
views
jQuery UI Tooltip Bind Special Event
I'm creating several types of jQuery UI Tooltips. One type:
Open when you click an element (say a ? icon)
Should allow the user to click inside the tip so that text can be selected/copied or ...
user9927656
0
votes
1
answer
313
views
Tooltip title not refreshing dynamically
I have this problem with the tooltip, when i click on the like button, the item gets liked but the tooltip still shows the "like" title when it should now show the "unlike" title. But when i refresh ...
- 23
-1
votes
1
answer
110
views
Align div on bootstrap Tool Tip
I generated code for an HTML view page, to show BS Tool Tip against each column in the table. The content of the Tool Tip, also table-like structure. I made it using divs, but on div has long content ...
- 658
0
votes
1
answer
393
views
qtip tooltip for Bigcommerce Stencil
I am trying to create this tooltip in my bigcommerce cornerstone theme.
I have followed all the steps. But the image itself does not appear on my site.
It is displayed in my content
<span id="...
- 57
0
votes
1
answer
596
views
How to delayed tooltip when mouse over on tooltip
Hi I am working on jquery ui tooltip.i have display image on tooltip and also display content on tooltip. my problem is the when mouse over on tooltip that time tooltip is hide. but i want display ...
- 1,116
0
votes
1
answer
2k
views
Show tool tip relative with parent element using CSS
I need help to show the tool tip relatively with parent element. Refer screen 1 it's show the description is perfect screen 1. But screen 2 Screen 2 when i scroll the section description show the same ...
- 29
0
votes
2
answers
1k
views
Tooltip content not displaying
I am using tooltip to display content on mouse-over whatever I wrote in <li class="li" data-toggle="tooltip" title="abd"> title value is displayed.
If I try to write this then no content is ...
- 177
1
vote
1
answer
934
views
code for tooltip to hide after 3 sec works fine for first time only unless i reload the page.I think the hover function is executed once only
$('#example').hover(function() {
setTimeout(function(){$('[data-toggle="tooltip"]').tooltip('hide'); },3000);
}
Here's js fiddle link:- https://jsfiddle.net/akshandilya/8qmgnpb1/2/
