Search Reference

Make a reset search button

For this example, refer to the FourColumns Screen Template.

1. Go to the Search Pattern presented in Column2 inside the Filters_Wrapper container.

2. Drag a container inside the Actions placeholder.

3. Drag a Icon Widget inside that container and choose Entities.IconName.times for the Name parameter. This is the X icon.

   

4. In the container, set the Display parameter to If(SearchKeyword <> "", True, False). This uses the already existing SearchKeyword Local Variable and only displays the container if the search input has text.

   

5. Add an OnClick event and set the handler to the RefreshTable action.

6. Set the parameters ResetFilters and ResetPagination to True.

7. In the Category property, set the ProductCategory Local Variable. This way you reset the search input as well as the screen to the default state.

   

8. Publish and test.