Search
Allow the user to find pieces of content without the use of navigation.
Use the Search so that end users can easily find pieces of content by entering queries. Unlike navigation, knowledge of the content's location isn't required.
How to use
-
Drag Search pattern into the preview.
-
Set a Local Variable for the input of type Text.
-
Publish and test.
Input Parameters
| Input Name | Description | Type | Mandatory | Default Value |
|---|---|---|---|---|
| ExtendedClass | Add custom style classes to this Block. | Text | No | none |
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.timesfor 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.
