Question

How to: Text Field nowrap and text overflow

0

Hi Experts, I am using list view to display data in text field for mobile web page and I don’t want to wrap text but instead I would like to display it as …. I used following CSS in style filed of text component, but it still displays the complete text. Please suggest how do archive this. Thanks, Vamshi.

asked 2020-01-21

Vamshi Maringanti

1 answers

Michael Michniewicz · Accepted Answer · 2020-01-21

You should be able to achieve this by applying:

overflow: hidden;
text-overflow: ellipsis;

You may need to restrict the width with a max-width: 100px; to see the effect depending how long your text is. Basically your container needs to be smaller than your text to see the ellipsis.