Long text!

[eaba]

I have a long text for the template content. I am experiencing an issue where only about 90 characters are shown while the rest are hidden.

How can I fix this? Thanks

[45kb]

Is the text with no white spaces i image @eaba ? You could use a custom tooltip class tooltip-class="my-class"

//CSS
 .my-class tip-tip{word-break: break-all;}

should do the job.

It's all html and css you can work around this easily.

[eaba]

Is the text with no white spaces i image @eaba ?

@45kb I did not get that! My text has whitespaces if that what you meant and is that the work around?

[45kb]

@eaba yes th workaround is to use custom tooltip class and/or custom css 👍

Or directly override the tooltip.css file rules.

[eaba]

Okay thanks. I will give it a try!

[eaba]

Hello @45kb that does not seem to work. I have also directly modified the tip-tip style no result.

[45kb]

@eaba send me a jsfiddle i'll help you

[eaba]

Its a large web app.........and the elements with tooltips are dynamically generated...jsfiddle might not be a possibility.

But you can create one as a tutorial on how to get this working......it may help my situation

[45kb]

@eaba i meant just create a jsfiddle with tooltips and that would be enough.

[eaba]

@45kb I got you.....just that am on limited time to create a jsfiddle right now. Just so you know, the tooltip worked perfectly for large text until your current release. That is versions where tooltip-template was tooltip-content

[eaba]

@45kb finally got it to work. The issue was that the tooltip element inherited white-space: nowrap; rule from its parent, so that meant no matter I did the word-break:break-all rule had no effect with the parent rule being applied.

Thanks for your time!!