For this walkthrough, we'll consider an example of an order processing application. In this scenario, the store admin needs to retrieve information related to a specific order. This information can be viewed directly in the report; however, the report contains details of multiple customers' orders. Thus, we can improve the user experience by creating a search interface that displays the relevant order details when the order ID is entered.

Creating the search interface involves three simple steps:

Based on the order form, we need to create a stateless form. To do this, open the editor and access the Form Builder. Click the three dots in the top right corner and choose 'duplicate'. Give a name to the stateless form. In our case, we only need the order ID field, as our search results are based on this field.

The next step is to embed the stateless form and the main form’s report into a new page. Click on the plus icon and choose 'Page'. Create a blank page and name it 'Search Order'. Select the form element and choose the stateless form from the dropdown. Similarly, choose the report element and select the main form's report from the dropdown.

Lastly, we need to pass a search parameter to the URL to display the relevant search results. The search parameter is a variable that holds the value entered by the user. We need to set a parameter name, which can be later added to the URL to display filtered results based on the search value entered.

Once these steps are completed, we need to create a workflow that will filter and display the record on the embedded report based on the search parameter. Now, let's see how the search interface works by entering an order ID from the All Orders report. On clicking the 'Search' button, the page should display the relevant record information. In case an invalid order ID is entered, no data will be displayed.