Tooltip for Buttons?

[Timo]

Hello,

The new help-icon feature is a really nice addition!

Right now, as I understand it, the help text shows only when we add the nu-help-icon-text attribute, and then a small help icon appears next to the form object. Would it also be possible to display the same HTML hint/tooltip directly on an existing control (for example, a button) without adding the extra help icon? In some cases, I’d like the tooltip to show when hovering the control itself, instead of having an additional icon beside it.

Is there already a way to do this, or would it require an enhancement?

[nac]

Hello Timo,

If I understand you correctly, I think this feature is already available.

Open the properties for the button object.
In the Attributes (the bottom of Properties), add something like title = "Text to be displayed...."

This should display a 'tooltip' when when the mouse pointer is over the button.

Neil

[Timo]

Thanks Neil, yes, true — the title attribute does work, but it only supports plain text. What I’m after is the same kind of nicely formatted HTML tooltip that the new help-icon feature shows, just without needing the extra icon beside the control.

[nac]

Ah, I see, Timo. I should have read your question more carefully!
Kev moves so fast in adding new features I had not really caught up on this one.
Hopefully there is a solution.
Neil

[kev1n]

Hi,

You can now add HTML tooltips directly to objects by using the attribute nu-tooltip. This works without displaying an additional icon.

tooltip_users.png

Example:

Code: Select all

 nu-tooltip="<b<Help<b> text for button"

The Most recent nucommon.js and nuforms.js from Github are required.


Also see News & Announcements

Note: This feature is still under development, and its implementation may change before the next release.