question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Implementing tooltips for all widgets

See original GitHub issue

I 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: tooltip

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’)

textfield

I have a couple of questions:

  1. Is there a specific reason why tooltips aren’t implemented on all widgets by default (it could ofcourse be disabled by default, e.g. using tooltip=None?
  2. Are the devs and community at all interested in such a feature?
  3. 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:closed
  • Created 8 years ago
  • Reactions:15
  • Comments:25 (13 by maintainers)

github_iconTop GitHub Comments

4reactions
hainmcommented, Jul 29, 2016

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.

2reactions
deeplookcommented, Apr 2, 2019

Anything one can do to make this happen more quickly?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found