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

Fixed tooltip resizes to the right edge of the screen

I have a problem with the width when the tooltip is on the right edge of the screen. My tooltip has the following properties: max-width: 320px and position: fixed. And I don't understand why does tooltip shrink on the edge. I want to the tooltip…
Gabda
  • 56
  • 4
2
votes
1 answer

Correct way to customize a Bootstrap 4 tooltip width, color & arrow?

I have some problems in Bootstrap customizing the tooltips. I want to make the tooltips wider and let it have a custom background color as well as a text color. I've tried a bunch of different methods, however it didn't work out how I wanted it to…
Arthur Dejonghe
  • 53
  • 7
2
votes
4 answers

Passing context to tooltip of ngx bootstrap

I'm working with tooltip in ngx-bootstrap, and want to pass data to the ng-template being to the tooltip. The documentation provides [tooltipContext], but it didn't seem to be working. I have provided a code snippet. HTML:
L. C.
  • 81
  • 2
  • 7
2
votes
1 answer

ChartJS tooltip issue

Tooltip shows on the legend and label, how to hide it. Looking for suggestions. This results in the following code (press button "Run code snippet" below).
user12363638
  • 29
  • 3
2
votes
1 answer

How to set distance amchart line chart tooltip

I have problem to make my tooltip in amchart have to look nice, I just want to make that tooltip not struck down by other tooltip, this is my screen shoot amchart tooltip how can I solve my problem? this is my code with amchart < style > #chartdiv…
Henry Gunawan
  • 35
  • 5
2
votes
1 answer

Place tooltip on the outer side of the doughnut chart

I am trying to develop an application and i have to create a doughnut chart with the text within. I am required to use ng2-charts which uses chart.js under the hood. However the tooltip messes with the text within the cutout of the doughnut and…
pkarakal
  • 90
  • 1
  • 7
2
votes
1 answer

Plotly: How to remove the confidence interval values (from the error bar) in the tooltip?

I am trying to remove the error bar values in the tooltip in an R Plotly graph. I have tried playing around with the hovertext arguments from here: https://plot.ly/r/hover-text-and-formatting/ but can't get it to work. I have these in a function…
william3031
  • 1,653
  • 1
  • 18
  • 39
2
votes
1 answer

Creating Dynamic Tooltip for GridView in ASP.NET MVC

I have a GridPanel component in my EXT.NET MVC project, and I would like to create a dynamic tooltip that will display the text/data in each cell when hovered over. Since the .ToolTips() component isn't compatible with this, I am using JavaScript to…
rymac
  • 21
  • 1
2
votes
2 answers

Material UI tooltip custom placement

I want to place my sidebar and card list tooltips at the bottom center of the page, at the same place. Used margin but I can't get them to be at the same place except if I probably make a class for each tooltip and they are a LOT. Inline margin…
Mystic_Quest
  • 141
  • 1
  • 3
  • 11
2
votes
2 answers

Hyperlink in Tooltip

How to create hyperlink in tooltip like in below image
Javed Akram
  • 15,024
  • 26
  • 81
  • 118
2
votes
2 answers

Bokeh custom tooltips stacking on top of each other

I have a scatterplot with custom tooltips, when hovering over a bit of the screens where two dots overlap the tooltip for both are drawn on top of one another. Is there a way to merge the two into one tooltip, as the default tooltip does, or force…
Max Gosselin
  • 35
  • 4
2
votes
1 answer

R Sankey Highchart: customizing node tooltip using data from a different variable

I'm trying to make a Sankey diagram with highcharter and I need to show in the node tooltip the sum of a variable, say y. For instance, for node "A" the sum of y would be 62 (34+28). I have tried this but it won't work test <- data.frame(a = c("A",…
Roke Alvarez Masso
  • 65
  • 6
2
votes
1 answer

material-ui Tooltip throws an error on hover

I'm using the demo example in my application, just to check if it works: ArrowTooltip.js import React from 'react'; import { any, node } from 'prop-types'; import Tooltip from '@material-ui/core/Tooltip'; import { makeStyles } from…
Kania
  • 2,342
  • 4
  • 28
  • 36
2
votes
5 answers

jquery tooltip / moves with mouse move / tooltip with mouse position

The jQuery Tools tooltip is ok for me! But i want it to move with mouse move (tooltip relative to mouse position). How can i do that? Or is there any other plugin in this way?
SilverLight
  • 19,668
  • 65
  • 192
  • 300
2
votes
1 answer

$.Zebra_Tooltips is not a constructor

I am using zebra tooltips plugin with jquery 1.12.4 (Wordpress) I got $.Zebra_Tooltips is not a constructor error. Here is my code: new jQuery.Zebra_Tooltips($('.zebra_tooltips'), { 'animation_speed':50, 'animation_offset':10, …
wpuzman
  • 340
  • 1
  • 5
  • 14
1 2 3
…
99 100