Hello everyone,
with the latest update of the OutsystemsUI the "Content\Tooltip" component has a behavior different from expected.
When I add a "Link" to the "Content" placeholder, the link is not clickable. As a workaround, I made an own component with simple 2 CSS classes and replaced the one from OutsystemUI. Could someone take a look at that? Thank you in advance.
BR, Alex
Here the solution,
https://www.outsystems.com/forums/discussion/93571/tooltip-with-buttons-inside-not-working-using-the-trigger-onclick/#Post402148
Correct Daniël. It is scheduled for December 6th.Cheers,GM
Hi Obelius,
Thanks for your feedback. This is an issue on Tooltip and we already added it to our backlog to solve it on OutSystems UI in our next releases.
As a workaround, we created a cloned Tooltip pattern with a fix implemented for your use case.
Please check the attached OML and use it until we release an OutSystems UI version with a fix.
ThanksBruno Marcelino
can you fix tooltip with link on Label too?sometimes need to insert tooltip on label.when I've tried to insert link, its disapear
Hi @Erga Kandly
With the new tooltip, I was not able to reproduce that.Can you please share an oml with that use case being reproducible?
Cheers,GM
Hi @Gonçalo Martins ,i've solved my own problem with the detail on capture below.
Thanks for the support
@b.marcelino Thanks
this is helpful and working for me.
Hi Bruno,
Although I do not want to hijack this forum thread, I feel like it is relevant enough to add to your answer:
Currently, when either using the OS UI or the new TooltipLink from your OML I am encountering an issue.
When I want to link to something in the content of the tooltip, and not inside the balloon (In your example OML this would be the third example) the link is not functioning. Am I missing something or is this also broken?
Hi Jochem,
The tooltip works with EventListeners to open the content. Using a link inside the tooltip to link to the content will conflict with the existing listeners. That is not a supported use case for that because of the default behavior. If you want to click and open the tooltip you can change the behavior of the input parameter to open only when clicking on the link. With this approach, I think that solves your use case.
On the solution provided by @b.marcelino there is something that is not letting the link work when is inside of the tooltip and has the parameter isHover true
On lines 45 of the javascript on onReady there is a e.stopPropagation();, and that is making the link not working when you click.
Remove that line and you be able to click on the link inside of the tooltip even if you have the parameter isHover true
New OML version added, it is a clone of that @b.marcelino did but line 45 was removed.
Kind Regards,
Márcio
Hello,
In Outsystems UI version 2.6.13 this issue still happends and only work with the modiffications in the JS of the OnReady action of the tooltip component.
Hope in next release version this issue get solved.
Thanks,
Ivana L.
Hi Ivana,
I'm happy to let you know that we will have a fix on our next release.Keep tuned and thank you all for your feedback.
It seems It is fixed on the new version :)
After some testing we seem to still have issues with tooltips containing links
Thank You
What is the issue? Sorry about the question, did you update the OutsystemsUI?
Kind regards,
The problem continues with the hover propertie set to true if it is set to false it works.
Hello Márcio,
Yeah I would say same issue we had with the previous Outsystems UI update. Any links within the content of a tooltip isn't being reached. This an example of one of the tooltips setup on one of our apps.
And here it is being effected on an another app of ours:
When we downgraded to Version 2.6.11 everything went back to working again.
Thanks for any help
Was the latest release 2.7.1 supposed to fix this issue? If so, it hasn't. Specifically you can still not click a link in the content of a tooltip if the tooltip is set to hover (not checked if the tooltip is not set to hover).
Affecting common scenarios of how can I make it clearer what this button \ link does? - I'll use a tool tip that shows on hover.
Hi Tim.Can you elaborate a bit more? And can you share a module with your use case?We did some changes in the tooltip behavior, so I would like to validate that.
Best Regards,GM
Hi Gonçalo,
See attached file for a simple illustration. It as Meshal says above - there's a new tooltip "click" event handler (compared to older 2.6 versions) that is blocking the click event of the link. Delete the event handler in the inspector and the button \ link fires as you would expect.
This is impacting me greatly as I have used hover tooltips to clarify the purposes of links \ buttons in numerous places. It would be a lot of work to replace all the OS UI tooltips with the workaround above :-(
Regards,
Tim
Hi @Tim Bates,
Once again, thanks and sorry for this confusion.
Jos´e Rio
Yes please to sharing the component - that would be great.
Hi Tim,
Keep in mind this is a copy of the pattern and since we release the new version you should replace it again.
Thank you.
José Rio
Hi @Tim Bates Were you able to take a look and/or validate the version that @José Rio sent to you?This way we'll get more confidence about the approach we took and by marking this as the solution you could help other fellows in our community.
Yes, the tooltip component works for me. I'm now able to click a link that sits within the content of a hovering tooltip.
Ideally a new version of the Outsystems UI would have saved me having to swap the old OutSystems UI 2.7.1 tooltip with the new tooltip component in several modules - is there any date planned for the next release of OS UI?
(I don't think I can "mark as solution" as I didn't log it)
This appears to have resurfaced in the latest OutSystems UI update.
Any tool tip that's set with "IsHover = true" with a link in it's content does not work. We're experiencing the issue on a forge component we use called "LowCodeReview" as well as some of our own applications.
Hi Jared, No it's not fixed. There's a temporary fix above in the form of a replacement tooltip component from @José Rio that you can use until Outsystems release the proper fix. It is a bit of a pain as obviously you have to go through your applications to replace the original tooltip with this temporary version. (and then do the same again when the issue is actually fixed in OS UI!)
Hi @Jared Smigelski,
As you can see at my comment above there was an issue at the release and as @Tim Bates mentioned we shared a solution that was also added at the new release that is planned to December.That said, once again, let me ask sorry for the confusion.
Feedback that I received from OutSystems is that the issue will be fixed on the next release scheduled for first or second week of december.
I know it is an old thread, but to inform here in 2024 still I am unable to click the link inside a tooltip.
Was this fix already done?