Is there any way to incorporate a 'search option' in the data viewer list?

Questions about Thunkable
1

Hi, I hope everyone’s doing good! :wave:

I want to incorporate a search field to the data viewer list, so I can let my users search the image-text list. Is there any way I can do this? I have attached a sample representation of the design I am thinking to interpret :

image
image810×2049 314 KB

Any help would be appreciated!
Thanks & Happy New Year! :sparkler:

1 Like
2

why not make custom data list viewer with Dynamic Components

1 Like
3

Check out this technique. JSON Bound Data List Viewer - No More Cloning! - #8 by drted

3 Likes
4

@kartik14,

To filter a data list viewer, I would recommend the following steps

  1. Create a local DB
  2. Create a list variable
  3. Create a UI component with the search terms
  4. Filter your source data using the search term (how you do this will depend on your data source)
  5. Add the filtered data to the list variable created above
  6. Clear the Local DB created above
  7. Loop through the list variable , populating the local db

Thunkable has no native data source filtering blocks. Although this is hard to believe, it is true. You can search the discussion group for strategies of how to filter various data sources (JSON, Firebase, AirTable, Google Sheets).

I would suggest you start with these steps ( even skipping #4 initially), then post specific questions to the group. We can then help you troubleshoot your strategy.

Happy Thunking !

3 Likes