Multiline text with ellipsis (3dots ...)

How-to Discussions
1

Hi guys,

There is no way to break line and appear 3dots in Text Class?

  • Break line: TextWrapping=“Wrap”
  • Appear 3dots. It is possible?
<Text>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod</Text>

Actual Behavior

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod...

Expected Behavior

Lorem ipsum dolor sit amet, 
consetetur sadipscing elitr,
sed diam nonumy eirmod...
2

Yes, there is.

On mobile targets (iOS, Android), the ellipsis is added automatically as the text is cut. On desktop preview, there are no “dots” and the text just gets cut.

Where and when the text wraps, depends on the potential dimensions of the Text element - it can take up more or less space, depending on many factors - such as specifying explicit Width or Height, adding Alignment and also what constraints the parent element puts on its children.

So then, if you have some specific code to show, please do, otherwise it’s impossible to help further.