Text Wrap not working

UI Builder
1

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

Screenshot 2021-06-09 at 11.54.54 AM
Screenshot 2021-06-09 at 11.54.54 AM2864×474 41.5 KB

Screenshot 2021-06-09 at 11.56.42 AM
Screenshot 2021-06-09 at 11.56.42 AM2490×736 62.4 KB

2

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.

3

Found it.

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

overflow: hidden;
text-overflow: ellipsis;

Regards, Dima.

4

How do that ?

Thanks

5

I want to wrap character when they reached boundary

6

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