Tooltip Width UI Issue

0
Summary of Issue: I'm having trouble adjusting the tooltip width to match the text size. I've included a screenshot for reference.   Specifics of the Issue: Please see the attached screenshot. Expected Outcome: I need help adjusting the tooltip width to match the text size.    
asked
2 answers
1

That looks like you have a style setting the width to 100%. 

 

To confirm this, in your browser, inspect the element. You will probably find a style with width: 100%. This is the style you will need to change. I expect it will be in a custom theme, so you will need to find where else this is used and make the selector more specific.

 

Good luck!

answered
0

The tooltip's default CSS styling is likely preventing it from expanding or wrapping its content. This is commonly caused by:

  • A fixed width or a restrictive max-width on the tooltip element.
  • The white-space CSS property being set to nowrap, which prevents text from wrapping to the next line.

To fix this, you'll need to override the default Mendix/Atlas UI CSS for tooltips.

 

Thanks, hope it helps. 

answered