Stack Overflow
Stack Overflow

Questions tagged [tooltip]

Tooltips are a GUI (Graphical User Interface) element which typically pops up when the mouse pointer is hovering over an item in the GUI and provides some contextual information or clarification.

A tooltip is a small message, helping to understand the underlying content, often a button, a selection or link. It often appears after a certain amount of time, usually a few seconds, or while hovering over a certain area, and vanishes easily in order to not disturb too much.

Some visual examples of tooltips:

enter image description here

enter image description here enter image description here enter image description here

This video presents various flavors of tooltips.

7186 questions
2
votes
3 answers

FullCalendar tooltip bug when dragging event in Resource timeline

I'm using JavaScript FullCalendar library to build my calendar. Now updating my codes to work with FullCalendar V4. When Dragging event in resource timeline view, the tooltip does not work as expected (duplicate tooltips show when dragging). This…
Vincent
  • 59
  • 6
2
votes
1 answer

Tooltip hides on Overflow scroll/auto container

I'm using Angular - Clarity with cards and tooltip.. Please see the URL -- https://stackblitz.com/edit/clarity-wio9hp Here the tooltip is hidden inside the card...I need only tooltip to be displayed or don't cut-off over the card, inside contents…
Vicky
  • 2,008
  • 2
  • 11
  • 19
2
votes
3 answers

Foundation tooltips: elem.getAttribute is not a function

I'm adding the following HTML snippet to my Angular 7 app, in order to add a tooltip to an element (modified from Foundation's docs):
Daniel
  • 21,933
  • 14
  • 72
  • 101
2
votes
1 answer

Why does tooltip inside Timeline stop working after range change (Primefaces)?

I create Primefaces timeline with many events. After move mouse on event display, show a toolpit with information about this event (car number). Everything works after show first time, whem timeline rage change it stops working. I do not know…
Eiten
  • 73
  • 8
2
votes
1 answer

How do I repaint after tooltip disappears?

I've created an applet which has one large panel to display data surrounded by several controls (buttons, textfields, etc.). The large panel contains several layers of labels which I render myself. The controls all have tooltips associated with…
BCarpe
  • 860
  • 10
  • 27
2
votes
1 answer

In amcharts, is there any way to show tooltips text according to condition?

I want to show tooltips text in the chart according to my condition. If my text value is 0 then I want to hide text otherwise show the text of the tooltip. Series.columns.template.tooltipText = `{valueY}s`; It gives value according to {valueY}. but…
Komal Raj
  • 21
  • 1
  • 5
2
votes
1 answer

What is a Javascript ToolTip library that can do HTML formatting, positioning, and is reliable?

What is a good Javascript tooltip library that can do HTML formatting and positioning? jQuery tooltip plugin is said to be reliable but can it do HTML and positioning (such as bottom-center)? jQuery Tools's Tooltip can do it except it is only about…
nonopolarity
  • 146,324
  • 131
  • 460
  • 740
2
votes
2 answers

D3.js: How to Deal with Null Values in Choropleth Map (Tooltip)

I've created a US choropleth map in D3. There are two layers; the first is a state layer that simply has blank states. The second layer is a county layer that colors the counties based on data. I have also created a tooltip to show the data. There…
Ragnar Lothbrok
  • 1,045
  • 2
  • 16
  • 31
2
votes
0 answers

How to change different tooltips for different datasets

This might be an easy question for someone to answer, but I am very new to Javascript and I am having trouble with this. I'm creating a multigraph with charts.js and I want to set up 2 different tooltips for 2 different data sets. I want the first…
Lex Juarez
  • 21
  • 2
2
votes
1 answer

jQuery menu hover

I am using the following code to control a pop-up menu. var timeouts = {}; $(".item-wrapper").hover(function() { var rel = $(this).attr("rel"); var el = $('#' + rel + '-tip'); if (timeouts[rel]) clearTimeout(timeouts[rel]); timeouts[rel] =…
Sam
  • 89
  • 1
  • 5
2
votes
0 answers

ChartJS tooltip to always show on graph (for mode "label/index")

I have a stacked bar chart and I want to always display the tooltip on my stacked bar. I manage to get it to work but the result is not what I want. It displayed the tooltip for each stacked bar separately; what I want is to show the tooltip for…
krash
  • 21
  • 3
2
votes
3 answers

Tooltip is limited by 80 characters even setmaxtipwidth to 32767

I have a MFC C++ project which uses a NMTTDISPINFO structure. Everything works correctly when the tooltip text less than 80 characters, but sometimes I need to use a text that is more than 80 characters. As I have read at MSDN I must use lpszText…
Bassam Najeeb
  • 607
  • 2
  • 7
  • 16
2
votes
0 answers

Tooltips show in the wrong position

I have three charts in different positions. The tooltips look fine for my first chart, but for the other two the tooltips show in the first chart. I've tried BBbox and getboundindclientrect(), and none of them work for d3.select(this). // This is…
Sergio Ferro
  • 23
  • 2
2
votes
1 answer

Custom Tooltip Formatting

I am working in plain old native C on Windows. No other platforms, no C++. (Yes, I'm a dinosaur.) I am trying to find an example of what I think of as an "owner draw tooltip control" but that does not appear to exist. At least not for the…
Steve Valliere
  • 1,119
  • 7
  • 12
2
votes
0 answers

How to create a speech bubble pointer from the border of one div to another div

I am making a comment-popup/tooltip/speech bubble. The arrow/pointer of the speech-bubble should point toward the mark-tag created by the getselection I have tried popper.js and mark.js and bootstrap, but the arrows does not point all the way to the…
Villads Claes
  • 111
  • 10
1 2 3
…
99 100