Tooltip - Stop text wrapping

1 Answer 166 Views
ToolTip
Justin
Top achievements
Rank 1
Iron
Justin asked on 03 Jul 2023, 04:09 PM

What is the best way to stop text from wrapping in a tooltip when there is plenty of space to show on one line?

In this demo the text wraps. How can you force it to use an auto width, instead of fixed?

 

1 Answer, 1 is accepted

Sort by
0
Zornitsa
Telerik team
answered on 06 Jul 2023, 10:47 AM

Hello Justin,

My suggestion for a possible solution to your problem would be to add the CSS property 'white-space: nowrap' to the style of the element in which you want to achieve the desired results.

.k-child-animation-container{
         white-space: nowrap;
}

Here is a link for you to see what would the changes look like in the demo that you referred to. I removed the width that was assigned to the tooltip in the script and added the property I mentioned in the style section.

Regards, Zornitsa Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Tags
ToolTip
Asked by
Justin
Top achievements
Rank 1
Iron
Answers by
Zornitsa
Telerik team
Share this question
or