Community › Forge › Assets list › Highlight Text
highlight-text
Reactive icon

Highlight Text

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded
 on 17 March 2024
 by 
0.0
 (0 ratings)
highlight-text

Highlight Text

Documentation
1.0.0
  1. Place the HighlightText action within the OnReady event of the page/block.
  2. Assign the ID of the search field to InputId and the ID of the component that displays the search results to ListId.
  3. In your result list, add the .highlight class to the expressions that needs highlighting.
  4. Create a CSS class named "marked-text" with the desired styling specifications for the highlight effect.