# How to use the serch bar to find results on the list viewer

**URL:** <https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297>\
**Category:** Questions about Thunkable X\
**Created:** [September 26, 2022, 11:46am UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297 "2022-09-26T11:46:32Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [September 26, 2022, 11:46am UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/1 "2022-09-26T11:46:32Z")

</div>

how to use the serch bar to find the results on the list viewer, anyone can help me

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [September 26, 2022, 1:56pm UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/2 "2022-09-26T13:56:55Z")

</div>

Check this sample project  
[https://x.thunkable.com/projectPage/600c2ce7f153060012143ac4](https://x.thunkable.com/projectPage/600c2ce7f153060012143ac4)

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [September 27, 2022, 4:46am UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/3 "2022-09-27T04:46:32Z")

</div>

thank you for your help, but i have a question, in your project, i serch the a, then how to only to show the a result. the inconsistent results are not displayed.  
For example: in the list i have 3 options, A,B,C.When I serch b, will only show matching results.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [September 27, 2022, 10:10am UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/4 "2022-09-27T10:10:01Z")

</div>

You can check out this post

> [@Add a search bar to your app](https://community.thunkable.com/t/add-a-search-bar-to-your-app/1891129):
>
> Screenshot/video: Project link: [Project Link](https://x.thunkable.com/projectPage/628bd524513ab30012815a49) Purpose/description: A search bar is a nice to have feature for many apps. At first, they can be tough to figure out. This should get you started. Be aware, by incorporating further (not discussed here) technologies, you can have even faster/more advanced searches. (e.g. Xano / Algolia / Elastisearch) Goes well with: Any kind of app in which a user must search through a list of other things greater than 10-20 items.

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [September 27, 2022, 3:27pm UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/5 "2022-09-27T15:27:07Z")

</div>

![圖片1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/c/0c9238cc93fae14a3de0085ae84cc71365e37846.png)  
 ![圖片2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/e/3e8a54d5fc5acf7732082a3bc37ad262f6681a00.png)

Hello ，I want to ask what code do I need to change if I want to change the results of the list?

I tried to change this code, but the results didn’t change

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [September 27, 2022, 3:34pm UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/6 "2022-09-27T15:34:41Z")

</div>

![圖片2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/0/c0d634593981f9b604e308c1cfe84da57fbf34b3.png)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [September 27, 2022, 4:24pm UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/7 "2022-09-27T16:24:27Z")

</div>

Can you post a share link. Changing the contents of that list should change what your search results are. But they only change the contents of the search results if your search query is found within the potential search results

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [September 28, 2022, 11:39am UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/10 "2022-09-28T11:39:45Z")

</div>

[https://x.thunkable.com/copy/6064cb8fde4c08f9bc1313528c73de6c](https://x.thunkable.com/copy/6064cb8fde4c08f9bc1313528c73de6c)

This is my project page, thank you for your teaching, can you take the video to teach me how to do the search bar and the code? And i have one more question, can u in my project (screen 1) to do the search bar to find out the (TWL主頁)this page result??  
Thank you !!!

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [September 28, 2022, 3:23pm UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/11 "2022-09-28T15:23:17Z")

</div>

Please don’t start a second post because you have not received a satisfactory answer on your first.

What part of the previously provided suggestions are you having trouble understanding or not able to execute correctly? Can you show us a Block example via screenshot of what you have tried so far that is not working?

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [September 28, 2022, 3:49pm UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/12 "2022-09-28T15:49:23Z")

</div>

i am sorry about that, actually i can’t understand how to make the block.in my project i can’t find many block, for example the defineEntireList. i don’t know the step one is what. So i hope you can take the video to teach me how to make.Thank you

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/a/ca5706ac40c060cd20a74bfe65f6de1ce2ed3f2c.jpeg)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [September 28, 2022, 5:09pm UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/13 "2022-09-28T17:09:29Z")

</div>

The `defineEntireList` block is a **function**. You can learn how to create them by watching the video here:

> **[Functions](https://docs.thunkable.com/functions)**

---

<div class="post-metadata">

**Author:** ![kinhangyu](https://avatars.discourse-cdn.com/v4/letter/k/ce73a5/32.png) [@kinhangyu](https://community.thunkable.com/u/kinhangyu)\
**Post date:** [September 29, 2022, 3:11am UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/14 "2022-09-29T03:11:55Z")

</div>

[https://x.thunkable.com/projectPage/628bd524513ab30012815a49](https://x.thunkable.com/projectPage/628bd524513ab30012815a49)  
in your project i understand you how to creat the list for the english word.  
for example now i creat the list viewer have 4 items 1,2,3,4  
then next step i need to do what?  
I am a beginner, thanks  
this is my example project link  
[https://x.thunkable.com/copy/e146b02ff84a6b260814584a901a6ccd](https://x.thunkable.com/copy/e146b02ff84a6b260814584a901a6ccd)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [December 28, 2022, 3:12am UTC](https://community.thunkable.com/t/how-to-use-the-serch-bar-to-find-results-on-the-list-viewer/2058297/15 "2022-12-28T03:12:32Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
