Form and DB Operation 5 - Search Feature

Add Client Survey

Client Name

Client Name is required.

Client Surname

Client Surname is required.

Marital Status

Marital Status is required.

Mobile

Mobile is required.

Email is required.

Address (Non Mandatory)

Profile Picture (Non Mandatory)

Requirement: Form and DB Operation 5 - Search Feature

This exercise focuses on implementing a functional client-side search/filter on the main list screen, improving user experience for finding specific records.

List Screen Updates (Search Feature):

Introduce a text input field and associated buttons in the Action Area, positioned to the left of the "Add Survey" button.
The search field placeholder should be: "Search by Name, Surname, or Email".
The search functionality must be triggered by clicking the Binocular icon (🔍).
Filtering Logic: When the search button is clicked with text present, the table should be dynamically filtered to show only records where Name, Surname, or Email contains the search text (case-insensitive).
Reset Logic: The search should be reset (showing all data) in two ways:
- Clicking the 'X' icon next to the search bar.
- Clicking the Binocular icon when the search field is empty.

Hint (OutSystems): The search logic is implemented using a Text Input Widget bound to a local variable. The search button triggers an Action that re-fetches the data or adjusts the Aggregate/Data Action filter based on the local variable's value.

About the Author: Ankit Gangrade

Ankit Gangrade is a passionate Low-Code Architect, Developer, & Educator dedicated to helping students and professionals build modern applications faster using OutSystems and Cloud-Native technologies. His goal is to bridge the gap between traditional coding and modern low-code platforms — empowering the next generation of developers to build smart, scalable, and cloud-ready apps.