searched-text-highlight
Reactive icon

Searched Text Highlight

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded
 on 25 Nov (10 hours ago)
 by 
0.0
 (0 ratings)
searched-text-highlight

Searched Text Highlight

Documentation
1.0.1

To use this functionality, you must replicate the SearchOnClick action logic according to your requirement and display on screen.

You can change the highlight color by changing the below class:

.Highlight{

    background-color: yellow;

}

This class is implemented in screen level.


The features this component provides:

  • Highlights searched text on the screen with a customizable color, mimicking the “Find” functionality in Google Chrome.

  • Displays the number of occurrences of the search term dynamically, updating as the user types.

  • Works seamlessly in Outsystems Reactive applications, making in-page search and visualization easy.


1.0.0

To use this functionality, you must replicate the SearchOnClick action logic according to your requirement and display on screen.

You can change the highlight color by changing the below class:

.Highlight{

    background-color: palegoldenrod;

}

This class is implemented in screen level.