multiline-truncation-with-ellipsis-reactive
Reactive icon

Multiline Truncation with Ellipsis

Stable version 1.0.2 (Compatible with OutSystems 11)
Uploaded on 05 December 2021 by 
5.0
 (1 rating)
multiline-truncation-with-ellipsis-reactive

Multiline Truncation with Ellipsis

Details
Truncates text at a specific number of lines adding ellipsis and an expand/collapse link to the end.
Read more

Simply add the component to your screen, add your text to the BodyText placeholder and it's done.

Additional configurations can be done:

  • LinkTextExpanded - Sets the text to be displayed in the link when the component is expanded. (default: show less)
  • LinkTextCollapsed - Same thing but when the component is collapsed. (default: show more)
  • NumvisibleLines - Sets the maximum number of lines that are displayed when collapsed.(default: 3)
  • HideLink - If true the link is hidden even if the text exceeds the lines define in the ClampLines input. Default: False
  • Animation - Allows to chose between 4 different animation options: none, slow, medium or fast.


Notes: 

  • No styles applied by default.
  • If the truncation isn't applied the link won't be displayed.


Release notes (1.0.2)
  • Mobile version was updated insted of Reactive one. Fixed.
Reviews (0)