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.
6,899
questions
0
votes
1
answer
20
views
Shiny tooltips / spsComps
My question is in regards to
Shiny: Add Popover to Column Name in Datatable, the package spsComps for using tooltips, when I remove the tooltip which is defined in the mainPanel, the tooltip on the ...
-1
votes
0
answers
21
views
Best Practice Tooltips in CSS? [closed]
Currently I am doing maintenance in a Springframework suite with a lot of tables and fields coming back from database. In the UI, I need to put tooltips on the column headings, because they are too ...
1
vote
1
answer
53
views
Chart JS custom message on tooltip, not x and y axis
I am displaying a bar chart that has 3 different pieces of information, (project name, number of days remaining, and the end date.) I am displaying the project name on one axis, and the number of days ...
2
votes
1
answer
56
views
Tooltip on column heading in Tkinter treeview python
I am trying to display the full header name when the user hovers over the column header in Tkinter treeview(Tooltip). I made it show a text over button/label widgets but no luck with the column ...
0
votes
1
answer
34
views
gradient text on top of colored background?
i'm wanting my link titles to have a gradient text. currently, when i change the tooltip to be the gradient text, the gradient ends up working fine, but the background is transparent.
i want to have a ...
0
votes
1
answer
43
views
Add text button to tooltip Flutter
Is there a way to add a TextButton or Button to a Tooltip?
I want to display a summary in the Tooltip, with a link to an article that explains more about it.
Using a richMessage with a GestureDetector ...
-1
votes
1
answer
35
views
Visual Studio 2022 MAC Quickview Intellisense stop working
I have a strange problem on my Mac(MacBook Pro M1). I'm currently working on a monogame game. Suddenly the Mouseover not Working correctly. As seen on the image below the tooltip just showing an [O].
...
0
votes
1
answer
22
views
How to implement an interactive tooltip in Angular
I would like to have an interactive tooltip in my application - I have some pretty long names in a table - I want to display an on-hover tooltip with the full name. I want the tooltip to be clickable, ...
1
vote
1
answer
36
views
Prevent overflowing long tooltip text
I have these three icons, could be more, with tooltips which have the position: absolute;, and the whole icon part is aligned to the right. When hovering the icon, a tooltip appears, and in the case ...
0
votes
1
answer
40
views
Correct way to implement an accessible tooltip in HTML/JS
I am working on improving the accessibility of our web app, and am currently looking at tooltips. I'm currently using the @floating-ui/react-dom-interactions package to replace our ageing version of ...
0
votes
1
answer
20
views
How to apply hover effect on IonButton so that it can open IonPopover as tooltip in Ionic-React?
<IonPopover
showBackdrop={false}
cssClass="theme-popover"
event={popoverState.event}
isOpen={popoverState.showPopover}
onDidDismiss={() =>
setShowPopover({
showPopover: false,
...
0
votes
1
answer
61
views
PyQt5: count seconds mouse is over QPushButton in tooltip
The following running code gives a window with a button on it . The tooltip displays when the mouse enters the button.
import sys
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5....
0
votes
0
answers
35
views
Can someone tell me why my tooltip's are not appearing
Hi currently working in d3 and having an issue where my tooltips are not even appearing. I eventually want to implement an animation for the opacity but I can't do that if this doesn't work does ...
1
vote
0
answers
31
views
Tutorial information bubble
Anyone know how i can create this kind of a tooltip. I need it to contain a TextView and an ImageView in it. Is there a library for this because I couldn't find one.
Thanks in advance.
0
votes
2
answers
25
views
How can I display upper case value in capital case In Angular toolTip?
My HTML:-
<i [class]="item.icon" [pTooltip]="item.item" tooltipPosition="bottom" ></i>
The value inside item.item is 'ATTACHMENT' I can not modify that from ...
0
votes
1
answer
17
views
Lit: update toolbox text based on click and reset text to default on mouseoff
I have a component with the following property which is used as my tooltip text
@property()
copyText = 'Click to copy';
I see that I can create a function that updates the text using the @click ...
0
votes
1
answer
17
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 ...
0
votes
2
answers
37
views
Only display current y-value on ToolTip in chart.js
I am working on a developing a chart using Chart.js and I want to only display te y-axis value in the tool-tip. Currently it displays:
date
name_of_line: measurement
ex.
Jan 1, 2020, 8:00:00 AM
5th ...
0
votes
0
answers
36
views
Unity UI Toolkit: Custom Tool Tip on entering Element shows only the text not the whole UI
I have a problem with my Custom-"Item Tip".
When I am with my mouse at the "start of the Tip, it's showing only text and not the whole UI.
When I am only in the Inventory Item but not ...
0
votes
0
answers
19
views
Apply angular material tooltip (mat-tooltip) to ag-grid header tooltip
How can I apply angular material tooltip (mat-tooltip) to ag-grid header tooltip. As per Ag-grid documentation we can create custom component for header tooltip:
https://ag-grid.com/angular-data-grid/...
0
votes
0
answers
43
views
Echarts4r: Add extra variable to the tooltip for a stacked bar chart when using focus="series"
Please, I need help! I am stuck with the tooltip. I want to add an extra variable beside the value showed in the tooltip but I don't know how to do it. The thing is that I want to use "emphasis = ...
0
votes
1
answer
28
views
How to remain to show tooltip even when mouseout to outside of the graph component [Highcharts]
I was wondering if anyone could help me out, around Highcharts
What I want to do
Disable to hide the tooltip when mouseout, instead I'd like to hide it on click.
Step
When hovering over a point in ...
0
votes
1
answer
43
views
How to make a tooltip that contains information, images and icons with flutter?
I am trying to make a desktop application where there are characters from a game and I need that when the mouse is positioned over it by hovering, an information box about it is displayed on the ...
0
votes
0
answers
17
views
Chart.js: Change height of tooltip
I've got a callback for adding custom tooltip info:
options: {
plugins: {
tooltip: {
callbacks: {
label: function(tooltipItem, data) {
// return a list ...
0
votes
1
answer
68
views
React-js MUI Tooltip overlapping Popper
I want the MUI tooltip to go beneath the MUI Popper that is popper should overlap the tooltip. If I override the "MuiTooltip" or "MuiTooltip-popper"s z-index using external css, it'...
0
votes
0
answers
24
views
How to show tooltips on hover for every copy of a word in react app?
Examples on internet explain how to add tooltip on hover to an element.
But on my website there are words repeated a lot in different places, and I want all copies of these words to have tooltip.
...
0
votes
0
answers
44
views
Tooltip in rc-slider
I need to add a Tooltip to the slider
In React
I try to add according to the site but without success.
I use this package
https://slider-react-component.vercel.app/
const Slider = require('rc-slider');...
0
votes
0
answers
31
views
Primeng tooltip disappears when you hover over it
I'm having a problem with WCAG requirement 1.4.13, which requires that the tooltip not disappear when you hover over it. Currently in Primeng, it disappears as soon as the focus changes from the ...
0
votes
0
answers
70
views
Stuttering tooltip / hovertext that follows mouse with Javascript
I have an HTML video and when hovering over it you'll see a tooltip following the mouse pointer.
My problem is it keeps stuttering while moving the mouse.
It took me ages to get it to work, so any ...
0
votes
1
answer
80
views
Close button in bootstrap 5 popover and close popover on body click
I need to close popover on button click inside data-bs-content in bootstrap 5 popovers also there is no function on popover close on body click.
following is my code
$(document).ready(function() {
...
0
votes
1
answer
53
views
Custom tooltip not showing
I have a table like this:
<tr data-id="{{ $user->id ?? '' }}" data-name="{{ $user->name ?? '' }}">
<td>{{ $user->id }}</td>
<td><a class=&...
0
votes
2
answers
40
views
Display Vue Bootstrap b-tooltip only if b-button is disabled
A b-button is conditionally disabled if the user is an admin. Right now, a b-tooltip displays when hovering over it and it is not disabled.
Is there a way to display the tooltip only if it is disabled?...
0
votes
0
answers
11
views
Create tooltip to textbox
I have created input text-box and I want to add tooltip as input value.
Eg- If input for toolbox is shubham then tooltip should get as shubham, if input is abc tooltip should be abc.
How I can get ...
1
vote
2
answers
138
views
How to show the hint of a first-level TMainMenu item on MouseOver without opening the menu?
In a 32-bit VCL Application in Windows 10 in Delphi 11 Alexandria, I have a TMainMenu with a hint on each menu item:
unit Unit1;
interface
uses
Winapi.Windows, Winapi.Messages, System.SysUtils, ...
0
votes
1
answer
29
views
Do not close ontap inside tooltip
How to have interactions inside a tooltip?
By default, as soon as you tap inside, it closes the toolip, except I would like to have clickable links for example:
Tooltip(
height: 50,
padding: ...
0
votes
0
answers
81
views
Grafana tooltip display value along with other text fields from the query
I am using Grafana v8.3.5 + Postgres.
And using the Time Series line chart where I want to display the value the query is returning, but would like that the tooltip shows me other information.
select ...
0
votes
0
answers
34
views
Google BigQuery : Turn off tooltip in BigQuery
I am using the chrome browser. I am not am not able to find a solution to turn off the tool tip permanently in the BigQuery console. Please help.
0
votes
0
answers
64
views
Material UI - TextField as title in Tooltip for Slider knobs, how to make it work?
I have MUI Slider which uses custom ValueLabelComponent. ValueLabelComponent in my case it's a MUI Tooltip which wraps children (slider knobs) and it appears when you hoover over the knobs. Tooltip ...
0
votes
1
answer
73
views
Custom tooltip in Chart JS(React implementation) works incorrectly with interaction intersect false
So there is a problem with custom tooltip interaction in ChartJS using it with React.
Example of current behaviour of custom tooltip
So originally I use interaction with intersect: false for my chart, ...
1
vote
1
answer
58
views
How to create a basic Tooltip in React where you don't actually wrap the anchor element in another DOM element?
Most of the APIs for Tooltips in React I've seen work something like this:
<Tooltip title="Hello World">
<span>hover me!</span>
</Tooltip>
What that ends up ...
2
votes
0
answers
13
views
Tooltips have no pointers in 5.1.3 version of Bootstrap for angular
None of the tooltips have pointers after upgrading from BS4 to BS5. They just show the data with black background and white color text without pointers.
I could observe ::before being not used when ...
1
vote
1
answer
38
views
How to give border to this react tooltip and remove the arrow?
How can we remove arrow of this react tooltip and give it a border?
https://www.npmjs.com/package/react-tooltip
0
votes
1
answer
40
views
REACT onMouseEnter/onMouseLeave PopUp flickering loop
I'm building a button that shows a PopUp when hovered. To achieve this, I'm using the state "activeToolTip" that turns true "onMouseEnter" / false "onMouseLeave", and in ...
0
votes
0
answers
53
views
Multiple Tooltips with Recharts & Typescript
Can a Recharts BarChart have 2 Tooltips?
I want a custom tooltip be made with a StackedBarChart https://recharts.org/en-US/examples/StackedBarChart?
I have tried to create a custom tooltip component, ...
0
votes
0
answers
44
views
Custom Tooltip for Recharts StackedBarChart
In my application, I would like to have a StackBarChart component that clearly breaks down the data: https://recharts.org/en-US/examples/StackedBarChart and with any additional information in the ...
0
votes
0
answers
41
views
Android, Can't change textView when use getLayoutInflater()
I'm trying to set text in the tooltip inside my layout but It's now working, what I did is get the tooltip layout using getLayoutInflater() and get the textView then assign a new value to it, but this ...
0
votes
1
answer
23
views
Chart.js/Ng-charts stacked bar chart - display percentages on bar, but actual values on tooltip
I have the following code which loops through an array of keys and plot the group 1 and group 2 scores on each one.
I want the stacked bar chart to show the percentages (each group has a different ...
0
votes
2
answers
79
views
how to change basic html title tooltip background color without adding any extra span?
How to change tooltip background color without adding extra span or div? I have a lot of tooltips across my projects. Is there any way to change bg color of all those by once ?
<!DOCTYPE html&...
0
votes
0
answers
21
views
changing tooltip clickable not hover & making tooltip close once button is clicked
so I am testing adding a tooltip to a website
<div class="tooltip">
<span class="price-line">click here</span>
<div class="tooltiptext ...
1
vote
0
answers
12
views
D3 v7 Stacked Area Graph Tooltip Implementation
I am pretty new to D3 and as the title says I am trying to implement a D3 stacked area chart similar to Stacked area graph example.
However, I am by no means a D3 expert and am having a hard time ...