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
0 answers

How to make a Bulma tooltip visible if it overflows on x a parent container that has a scroll on y

In the snippet below, the tooltip of a document is partially cropped (you may need to resize the window to see it), as if I had overflow-x: hidden, and although I have overflow-x: visible it creates a scroll on x. I want the tooltip to be fully…
Flyout91
  • 782
  • 10
  • 31
2
votes
1 answer

Chartjs show hidden data on tooltip

Good Day, I have a bar chart with multiple datasets for the chart. I would like to hide all the bars except for one (a Totals if you will), and on the Tooltip, I want to show all of the data in all the datasets. Unfortunately, the tooltip only shows…
Rushman
  • 79
  • 1
  • 1
  • 8
2
votes
3 answers

Displaying tooltips on disabled menu items or alternative solutions in .NET

I'm trying to display a tooltip on a disabled ToolStripMenuItem, to inform the user why it is disabled. My initial thought was (as events don't get fired on disabled controls) to pick up the MouseMove event on the parent MenuStrip instead and…
Simon B
  • 119
  • 1
  • 13
2
votes
2 answers

Show and hide tooltip on click (Tipso.js)

I'm using simple tooltip plugin called Tipso. How can I show and hide tooltips only by click? $('.top').tipso(); /* Tipso Bubble Styles */ .tipso_bubble, .tipso_bubble>.tipso_arrow { -webkit-box-sizing: border-box; -moz-box-sizing:…
Ant
  • 121
  • 2
  • 8
2
votes
0 answers

Tooltip for overlapping Circles on a Bubble Map d3

Question: How can I add a simple var tooltip (hover) to a bubble map that has overlapping circles in d3? Description: The following bubble map has two overlapping circles that are sized according to their count for two different years. I would like…
BEMR
  • 339
  • 1
  • 3
  • 14
2
votes
1 answer

tooltip does not work

I am trying to make a tool tip, I have the following html code: sometext here
sometext here and I have the following Jquery code: toolTip = function(){ …
bingjie2680
  • 7,643
  • 8
  • 45
  • 72
2
votes
1 answer

How to display a tooltip on a SVG tag that has been defined in a SVG part?

I have generated an HTML/SVG file that display the same electrical symbols more time. I search now to display a tooltip with some information linked to displayed SVG "symbol". Since same symbol are used more times, I have define a symbol in
schlebe
  • 3,387
  • 5
  • 37
  • 50
2
votes
1 answer

Problem with adding many tool tips to a view

My Cocoa application has a view with about fifty colored rectangles to be displayed, which represents a heat map of some data. I cannot figure out how to add tool tips to each of the rectangles showing information about the data which that rectangle…
user749171
  • 71
  • 3
2
votes
1 answer

Override createToolTip() method of JPanel in java swing

I have a ListCellRenderer which extends JPanel. Now I try to override its createToolTip(). But it seems like method is not getting overridden. What could be the reason? My Code: public class MyRender extends JPanel implements ListCellRenderer { …
Harry Joy
  • 58,650
  • 30
  • 162
  • 207
2
votes
1 answer

name the samples in a PCA plot

I have a PCA plot with a lot of data and I want to identify which samples are the outliers. When I use geom.ind = c("text") then there is so much text that I can´t read anything. Here is a minimal reproducible example. (I already used it here…
takeITeasy
  • 350
  • 3
  • 19
2
votes
1 answer

tooltip with names in a PCA plot

I want to generate an interactive plot with ggplotly(). The tooltip should show me the name of the variable. interactive <- ggplotly(pca,dynamicTicks = T,tooltip = c("x","y",label = list)) pca is a visualization of a PCA. sub is a data.frame that…
takeITeasy
  • 350
  • 3
  • 19
2
votes
1 answer

How to set a tooltip for a JMenuItem?

I have a JMenuItem with a icon set for it. I want to add a tool tip only for this icon. I'm not able to find any solution to it. This is what I've implemented so far. JMenuItem mnuItem = new JMenuItem(Aaction a); ImageIconn img = new…
2
votes
1 answer

Powertip on dynamically loaded content without running script again or loop

I'm using the jQuery plugin PowerTip to show tooltips on hover. I initialize it with $('.tooltip').powerTip() and this works great on already loaded content, but if I dynamically load
Hey
, I have to run…
SeaBass
  • 1,584
  • 4
  • 20
  • 46
2
votes
2 answers

Show Tooltip icon next to textfield label using Vuetify

I am using vuetify's component tooltip. But I am not sure how to implement it right next to the label. This is how I have it right now. info Please enter the user…
user12763413
  • 1,177
  • 3
  • 18
  • 53
2
votes
0 answers

Tooltip becomes broken after editing value in the grid's cell - ExtJS6

We have encountered a subtle issue with ExtJS grid. It is quite regular grid with standard 'cell editor' plugin and two editable columns (having at least two is important). Once an editable cell is submitted, the store backing the grid gets…