Search Reference
Layout and classes
Advanced use case
Make a reset search button
For this example, refer to the FourColumns Screen Template.
-
Go to the Search Pattern presented in Column2 inside the Filters_Wrapper container.
-
Drag a container inside the Actions placeholder.
-
Drag a Icon Widget inside that container and choose
Entities.IconName.times
for the Name parameter. This is the X icon. -
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. -
Add an OnClick event and set the handler to the RefreshTable action.
-
Set the parameters ResetFilters and ResetPagination to True.
-
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.
-
Publish and test.