19
Views
6
Comments
Solved
[ToolTip] Tooltip Width in Reactive Web
tooltip
Reactive icon
Forge asset by Leonardo Pires
Application Type
Reactive

hi,

I put a inputText  in the tooltip but the witdh of the input text is shrunk.

I put the CSS style below: 

.osui-tooltip {

     witdh:  100%;

}

osui-tooltip_content {

  witdh: 100%;

}

but it not work.

desired result:

If so, what can I do and how? 

Thanks and best regard.

UserImage.jpg
Dang Quyen
Solution

@Rupesh Patil 

tks for your reply.
I found the cause, i put inputtext and tooltip in container, so i just set the attribute 

display : block;

and combine with the styles in the description in the article.
I will close this post. 

thanks and best regard

2025-07-28 06-45-20
Rupesh Patil

Hello @Dang Quyen 

Why you use forge tooltip component? In outsystems widget available below I have add link

https://outsystemsui.outsystems.com/OutsystemsUiWebsite/PatternDetail?PatternId=547

I hope this helps

Thanks

UserImage.jpg
Dang Quyen

@Rupesh Patil 

sorry, I attached the wrong information.
i am using outsystems widget. 

2025-07-28 06-45-20
Rupesh Patil

Hello @Dang Quyen 

Can you share oml file? will help you

Thanks

UserImage.jpg
Dang Quyen
Solution

@Rupesh Patil 

tks for your reply.
I found the cause, i put inputtext and tooltip in container, so i just set the attribute 

display : block;

and combine with the styles in the description in the article.
I will close this post. 

thanks and best regard

2026-06-26 15-03-49
Rammurthy Naidu Boddu
Champion

Hi @Dang Quyen 


Please add below CSS in your style editor 

.tooltip-content { width: 100%; }

.tooltip { width: 100%; }

UserImage.jpg
Dang Quyen

@rammurthynaidu boddu 

thank your answer, 
I solved the problem with my solution above.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.