Implementing tooltips for all widgets
See original GitHub issueI noticed that ToggleButtons have tooltips implemented where if hovering over the button a tooltip appears with some text specified in:
widgets.Button(description=‘Button’, width=‘10%’, tooltip=‘This is the tooltip’)
which results in:
Now this is quite useful because it gives the ability to provide more info than possible in text on the button if the width is small as in the above example.
It seems to me this is a useful feature on a number of other widgets aswell, e.g. the Text widget, Checkbox widget, etc. Often not a lot of textual information can be given through the ‘description’ attribute without making the widget excessively long:
widgets.Text(description=‘Enter the name of this Text field’)
I have a couple of questions:
- Is there a specific reason why
tooltips
aren’t implemented on all widgets by default (it could ofcourse be disabled by default, e.g. usingtooltip=None
? - Are the devs and community at all interested in such a feature?
- I would like to see this implemented and willing to do some work to get it done but i need some pointers. I made some attempts at implementing a tooltip on the label of a TextField. Unfortunately, it is not working at all which is probably the result of my limited understanding of Javascript. Is my approach at all correct? If not, how should i approach this?
Issue Analytics
- State:
- Created 8 years ago
- Reactions:15
- Comments:25 (13 by maintainers)
Top Results From Across the Web
Tooltip widgets (or: screen tip, balloon) - ADG
Tooltip widgets (or: screen tip, balloon). Tooltips present information about a specific element in a small container on top of all other ...
Read more >Implement Tooltip In Flutter - FlutterDevs
A tooltip shows a useful message when users hover, tap, or focus on a component. In Flutter, you can utilize a built-in widget...
Read more >Adding Tooltips to Widgets - PTC Support
You can specify tooltips for widgets using the TooltipField and TooltipIcon properties on the Properties panel for widgets in Mashup Builder. During the...
Read more >JetTricks: How to Apply Tooltips to Widgets with Elementor
Go to JetPlugins > JetTricks Settings > Available Extensions and make sure that the Tooltip Widget Extension toggle is turned on. enabling Tooltip...
Read more >Tooltip Widget | APG | WAI - W3C
Tooltip widgets do not receive focus. A hover that contains focusable elements can be made using a non-modal dialog. Example. Work to develop...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I am +1 for adding tooltip for Text and TextArea. Sometimes I don’t want to use Description or Label to make the GUI nicer.
Anything one can do to make this happen more quickly?