85
Views
6
Comments
Solved
 tooltip area clipped
Question
Application Type
Reactive

Hello, I'm a new outsystems developer.

Data is cut off as shown in this picture. Any workaround?

If there is a solution, please let me know in detail.

2023-04-16 15-25-31
Krishnanand Pathak
Solution

Hi @Woo sihyun ,

Enclose the list with container and add the below style to the container

max-height: 400px;
overflow: auto;


You can check the demo here
Oml is also attached for reference.

Regards
Krishnanand Pathak

List inside tooltip.oml
UserImage.jpg
Woo sihyun


Thank you, it worked fine. 

2023-04-16 15-25-31
Krishnanand Pathak
2024-12-10 04-40-04
Gitansh Anand

Hi @Woo sihyun, add overflow scroll, with a max height in the tooltip content, it will add a scroll. Read about the overflow property here: CSS Overflow.

Thanks
Gitansh Anand

UserImage.jpg
Woo sihyun

Because overflow is used, the width and height are broken. Can you tell me more?

2024-12-10 04-40-04
Gitansh Anand

Hi, use overflow-y; it will only add vertical scrolling; read about it here in CSS overflow-y Property, this will solve your width issue; and for height, as I said previously, use the max height property; read more about it here in CSS max-height Property.

Thanks
Gitansh Anand

2023-04-16 15-25-31
Krishnanand Pathak
Solution

Hi @Woo sihyun ,

Enclose the list with container and add the below style to the container

max-height: 400px;
overflow: auto;


You can check the demo here
Oml is also attached for reference.

Regards
Krishnanand Pathak

List inside tooltip.oml
UserImage.jpg
Woo sihyun


Thank you, it worked fine. 

2023-04-16 15-25-31
Krishnanand Pathak
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.