Search Form - Form Component
This component adds search functionality to your web pages that allow end-users to find information, locate content and navigate through the web application by searching specific keywords or phrases.
Remember, the page search form only functions for a data table, data list or data group.
Adding a Search Form
Add a page search form through the following steps:
Step 1: Drop a Search Form Component
Go to the “Forms” category under the Components panel and drag and drop the "Search Form" component in the canvas and apply a theme of your choice or edit it as per your liking.
Step 2: Bind a Search Value to the Input Box
Now, click on the input box where you want to search a value and open its settings. Select the radio button to get value from the bound collection on the page as well as the data table, list or group and choose the value you want users to search about.
In the example below, the value, "product name" is chosen from the bound collection.
Step 3: Preview or Publish
Now, click the preview or publish icon to see how the page search form component works.
Page Search Form - Themes
Besides the default theme, the page search form component comes in two different themes, which can be changed by opening the form settings.
Additional Tools
The Page Search Form component also has a set of additional tools, positioned on the right side of the component. Know more.
Page Search Form - Settings
Click this icon, 
in the additional tools to open the settings of the added page search form component. Here, you can change the theme and display type of the Page Search Form.
