# How to add a search box using list?

**URL:** https://community.thunkable.com/t/how-to-add-a-search-box-using-list/2890179
**Category:** Questions about Thunkable X
**Created:** [March 13, 2024, 7:03am UTC](https://community.thunkable.com/t/how-to-add-a-search-box-using-list/2890179 "2024-03-13T07:03:33Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![technovationhectord1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/technovationhectord1/32/172355_2.png) [@technovationhectord1](https://community.thunkable.com/u/technovationhectord1)
#### Post date: [March 13, 2024, 7:03am UTC](https://community.thunkable.com/t/how-to-add-a-search-box-using-list/2890179/1 "2024-03-13T07:03:33Z")

</div>

Hi there, We are from the team of Hector Technovation, a small technovation team of our great school…  
Actually we are getting some problem in creating a search box (Explore) in our app. Can someone help us in our code?

Main Screen:

 ![1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/9/5936567f09f9e78dee93d67c83f831e22916b04e.png)

Searched Screen:

 ![2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/4/649b627c8118f69af755065607f5deb79672c555.png)

Code:

 ![Screenshot 2024-03-13 123242](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/7/c75cdd7294ae3c2651b581cd21708a57799894dd.png)

Please find our error and let us know…  
Thanks

---

<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: [March 13, 2024, 7:24am UTC](https://community.thunkable.com/t/how-to-add-a-search-box-using-list/2890179/2 "2024-03-13T07:24:05Z")

</div>

“Fruit Salad” ≠ “fruit salad”

So you’ll need to convert both the simple list item’s text and the text input to the same _case_.

---

<div class="post-metadata">

### Author: ![technovationhectord1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/technovationhectord1/32/172355_2.png) [@technovationhectord1](https://community.thunkable.com/u/technovationhectord1)
#### Post date: [March 14, 2024, 6:14am UTC](https://community.thunkable.com/t/how-to-add-a-search-box-using-list/2890179/3 "2024-03-14T06:14:41Z")

</div>

And if we just type “fruit”?

---

<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: [March 14, 2024, 2:58pm UTC](https://community.thunkable.com/t/how-to-add-a-search-box-using-list/2890179/4 "2024-03-14T14:58:49Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/6/f662c331d2c6f41bbb825dbb9fa93cbdd199c743.png)

These blocks will do this:

“Fruit Salad” = true (found)  
“Fruit” = true  
“fruit salad” = false (not found)  
“fruit” = false

But you have the project so you can test it with different search values.

But actually, that’s **not going to work** the way you have it set up because the `text items` block is a list of items, not a single item. You need to loop through the text items (list) and check if _each item_ contains the search text.

---

<div class="post-metadata">

### Author: ![technovationhectord1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/technovationhectord1/32/172355_2.png) [@technovationhectord1](https://community.thunkable.com/u/technovationhectord1)
#### Post date: [March 15, 2024, 5:11am UTC](https://community.thunkable.com/t/how-to-add-a-search-box-using-list/2890179/5 "2024-03-15T05:11:41Z")

</div>

Then what to do?

---

<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: [March 15, 2024, 6:01am UTC](https://community.thunkable.com/t/how-to-add-a-search-box-using-list/2890179/6 "2024-03-15T06:01:43Z")

</div>

> [@technovationhectord1](#):
>
> Then what to do?

> [@tatiang](#):
>
> You need to loop through the text items (list) and check if _each item_ contains the search text.

I think there are examples of that on the forums under the keyword “search”.

---

<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: [June 13, 2024, 6:02am UTC](https://community.thunkable.com/t/how-to-add-a-search-box-using-list/2890179/7 "2024-06-13T06:02:17Z")

</div>

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