Support Topics Documentation Slack YouTube Blog

Text Wrap not working

Not able to handle text overflow if text length is more than 100 char without any space and new line char.


Hello @Vinod_Sahu

Can you tell me, what component do you use?
Also, that looks not like our standard components. Do you use UI-Builder?
If yes - provide please your app id to investigate your issue.

Regards, Dima.

Found it.

You should add these custom styles to your text what overflowed.

overflow: hidden;
text-overflow: ellipsis;

Regards, Dima.

How do that ?

Thanks

I want to wrap character when they reached boundary

Here an instruction on how to use custom styles.

Also, your question is related to CSS not to UI builder, so you can use MDN or else source of information about styling.

Here a property that helps you wrap your words - word-break - CSS: Cascading Style Sheets | MDN