I find tooltipsœ extremely cumbersome to use in OutSystems, it would be much better if there is just a property for ToolTips instead on buttons / interactive things.
I'm surprised this hasn't been asked before, it's a pretty basic thing?
Edit - further to my investigation, I can see that the tooltip widget is limited based on the container size. The button is very small 16x16 and in a nested if statement... I only want to show the tooltip on a certain if statement, but I can't see the tooltip because the container is too small...
List of nested ifs
this is the current look
this was after I manually expanded the row height in devtools in chrome.
Also the arrow is very annoying and not even aligned properly
Hey @Samuel Cramphorn Because buttons (button widget) support and come with a text widget inside you can use that to let the user know the propose of the button from the get go, so tooltips aren't a necessity for must button widget use cases in OutSystems apps I would say.Where tooltips really shine is in icons that have links associated that trigger a business logic action for instance.But regardless of your use cases OutSystems provides a ToolTip component that is really simple to use. It's a block with just 2 placeholders, one for your content (button, icon, etc) and another for the tooltip text that you want to display.If you can't find it in your Service Studio just search for it inside OutSystemsUI:
If you would like you can always make suggestions and give ideas to OutSystems. For that post your idea here: https://www.outsystems.com/ideas/
Best regards,José Rodrigues
Hi Jose,
I am using the ToolTip widget but it is unnecessarily complicated for what it should be. The Widget Tree is so stacked now because depending on the state of the button, i have 2 tooltips per button and I have around 10 buttons on this page.
Hi Samuel,
in what sense is it cumbersome for you ?
You can just drag the button or other interactive thing into the content placeholder, and a text or other stuff into the tooltip placeholder.
If you want something much much simpler, you can also just add the html title attribute, but the styling of that is not under your control, it is a browser thing.
Dorine
Have you tried adding a title attribute to the buttons?
Does this work? I haven't actually, I am relatively new to OS
Another approach is to encapsulate a button and tooltip in a block, fire an event when the button is clicked, and then re-use that block multiple times on your 10 button screen. You can pass in parameters to control whether the tooltip is shown or not, avoiding those nested if statements in the widget tree. This may simplify your widget tree. It also allows you to style the tooltip (if necessary) in one place.