57
Views
5
Comments
Solved
[OutSystems UI]  Issue with long text in Tooltip
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Reactive

Hi all, 

Orginal text of tooltip need to display as below:
"Refer to https://www.abc.edu.cm/education/teaching-learning/teaching-and-learning-resources/abc's-principles-of-assessment/developing-assessment-criteria"


The text displayed as expected with the Firefox:

But I faced the issue with Edge, Chrome. The text didn't display full text as


I created the new project(Reactive Web) and don't add more any CSS. I am keeping the original CSS from Outsystems. The implementation is 


Do I need to change to another control or add more CSS(to handle for Edge, Chrome)?

ToolTip_url.oml
2023-08-28 07-00-10
Paulo Torres
Champion
Solution

Hello,

You can use this class:

It looks like that:

Regards

UserImage.jpg
Tan Trinh

Thanks Paulo Torres. It is working as expected. 

2023-08-28 07-00-10
Paulo Torres
Champion
2025-02-10 17-24-13
Arun Rajput

Hi @Tan Trinh ,

You need to use CSS for this.

UserImage.jpg
Tan Trinh

Thanks @Arun Rajput , do you have any advice for CSS in this case for all browsers?

2023-08-28 07-00-10
Paulo Torres
Champion
Solution

Hello,

You can use this class:

It looks like that:

Regards

UserImage.jpg
Tan Trinh

Thanks Paulo Torres. It is working as expected. 

2023-08-28 07-00-10
Paulo Torres
Champion
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.