Give us feedback
show-more-text
Reactive icon

Show more text

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded on 23 May 2022 by 
5.0
 (2 ratings)
show-more-text

Show more text

Details
Component that implements show more/less text functionality using number of lines instead of number of characters. Typically used to hide portions of large text fields that a user may or may not be interested in
Read more

Component that implements show more/less text functionality, typically used to hide portions of large text fields that a user may or may not be interested in. 

Options

  • Lines to display - Maximum number of lines to display in 'non-expanded' view
  • Show more text - Text to display for 'Show more' link
  • Show less text - Text to display for 'Show less' link
  • Empty text - Text to display when input text is empty
  • Justify text - Toggle to justify input text block


The component makes use of the '-webkit-line-clamp' CSS property to limit the number of lines shown. This property is supported in all modern browsers (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp

It has been tested and verified in Chrome, Edge and Firefox.

Known issues

  • The justify text functionality has been giving issues in Firefox, will be looking into a fix for a future version.


Please do not hesitate to contact me if there are any issues or if you have any improvement suggestions!

Release notes (1.0.0)
Reviews (1)
24 Jan (3 days ago)
in version 1.0.0
Perfect!!!!!!!