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

Tooltip disappears when moving leaflet map

I add markers to the map and place them in the markercluster. For markers that are not clustered, I want to show the tooltip that I attach to the marker when I create it. var geoMarkers = L.markerClusterGroup({ removeOutsideVisibleBounds:true,…
velocat
  • 107
  • 2
  • 8
2
votes
1 answer

React material-ui tooltip hover over(fire an event trigger when the item is disabled)

i know that disabled item doesn't trigger any event and the possible workaround is to wrap my elements in another which i tried but it didn't work. I can't think of another solution to hover over a disabled tooltip. Here's the sandbox i have import…
curiosityrock
  • 213
  • 4
  • 20
2
votes
1 answer

Make visible all tooltips at the same time - MatTooltip Angular

Is there any way to display all the tooltips at the same time in angular matTooltip. We can do this like below, but it needs to declare all the viewChild for doing that, @ViewChild('tooltip', { static: true })tooltip:MatTooltip; There are more than…
nipun-kavishka
  • 842
  • 12
  • 21
2
votes
1 answer

Why does Google chart's tooltips don't fully work in specific case?

I'm using the html tool tips, and it's weird because only specific point show the tool tip correctly. I'm using html tool tips with this configuration : var dataTable = new google.visualization.DataTable(); dataTable.addColumn('number',…
LosJC
  • 23
  • 3
2
votes
1 answer

How to show legend tooltip when hover on legend series in ApexCharts.js

Currently there is no such feature in apexchart v3.19.3, does anyone have a work around for this?
Kugan Kumar
  • 423
  • 1
  • 8
  • 14
2
votes
3 answers

Chart.js How to create dynamic tooltip with clickable buttons inside it

I want to have a dynamic tooltip inside my chart with buttons inside it. Look like what i want is to create a custom tooltip. Once created, i try to hover over i but i can't. At first i thought it was impossible so i decided to create my very own…
Ignacio Ambía
  • 479
  • 5
  • 16
2
votes
1 answer

Change color of bsTooltip boxes in shiny

Is it possible to style the aesthetics of a tooltip box with bsTooltip in shiny? I have scoured SO for answers, but with respect to tooltips, all of the adjustments on aesthetics appear to be for widths only (ie this question). Consider the MWE from…
Bjørn Kallerud
  • 979
  • 8
  • 23
2
votes
1 answer

How to create a tooltip showing multiple values of a field in Altair?

I have successfully created an interactive chart as the tutorial here and below is my result: I want to create a tooltip as the image below: But I cannot find any hint in Altair tutorial document. Can anyone provide a suggestion about how to…
Sang Huynh
  • 41
  • 3
2
votes
0 answers

Materialize tooltips getting stuck on top of page

EDIT: Here is a URL with a video showing the behavior: https://streamable.com/xx39s4 While messing with Materialize elements, I saw an odd behavior in my website: the Materialize Tooltips (https://materializecss.com/tooltips.html) stick to the top…
Leonardo Galski
  • 21
  • 2
2
votes
0 answers

Add button inside tooltip Chart.js

I am trying to make a custom tool-tip which contains buttons inside it, these buttons when clicked will display more information in the tool-tip or redirect you to another website, something like the image below: The code i am using to generate the…
Ignacio Ambía
  • 479
  • 5
  • 16
2
votes
8 answers

Using
in tool tip and change the default color of a tool tip

I am using default asp.net ToolTip property, the text is This is Going to be a long text Thats why we decided to split it. but using
to split the line doesn't work, it renders as a text, and I want it to break the line instead. Here is my…
BreakHead
  • 10,480
  • 36
  • 112
  • 165
2
votes
2 answers

WPF: Tooltip on the fill of a Path

I want to assign a tooltip to a System.Windows.Shape.Path. While the tooltip pops up when I touch the outline of the path I get no tooltip when I am inside the filled part of the path. Can I change this behavior in some way? My only idea was to add…
TalkingCode
  • 13,407
  • 27
  • 102
  • 147
2
votes
1 answer

Display figures and names with tooltips and mark_text with Altair

Here are three issues I have with tooltips and labels that I want to display on my Altair graph. All the issues are more or less linked. First, I would like to modify the name of the information I display with the tooltip: Year instead of…
Bertrand
  • 103
  • 1
  • 2
  • 7
2
votes
3 answers

Is it possible to add a transition (like in CSS) in Javascript?

I have a Javascript code that shows a tooltip when hovering over an HTML element. Now I want to give this element a latency of about 6 milliseconds. In CSS it is very easy with the transition command. However, I did not find a transition style…
Luca_54
  • 529
  • 4
  • 16
1 2 3
…
99 100