Page 1 of 1

Tooltip for Buttons?

Posted: Tue Aug 26, 2025 10:51 am
by 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?

Re: Tooltip for Buttons?

Posted: Tue Aug 26, 2025 5:20 pm
by 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

Re: Tooltip for Buttons?

Posted: Tue Aug 26, 2025 5:43 pm
by 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.

Re: Tooltip for Buttons?

Posted: Wed Aug 27, 2025 9:55 am
by 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

Re: Tooltip for Buttons?

Posted: Thu Aug 28, 2025 5:48 am
by 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.


:arrow: Also see News & Announcements