# Search Input in Drag And Drop UI

**URL:** <https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366>\
**Category:** Questions about Thunkable X\
**Created:** [July 11, 2021, 10:48am UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366 "2021-07-11T10:48:02Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 11, 2021, 10:48am UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/1 "2021-07-11T10:48:02Z")

</div>

Hi I was making Translator Using DND UI By seeing Video of Thunkable  
I want to make a search box to search languages Because It was taking time to search languages by scrolling it so I want to make a search box  
Even I saw some topics but it was not of drag and drop UI

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/1/9112868f1eceb3c9d9074b812448c11eac31aeef.png)  
Please Tell Me how to do that

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [July 11, 2021, 10:51am UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/2 "2021-07-11T10:51:02Z")

</div>

As far as i am aware the tutorials Will also work in DnD.(Drag And Drop)  
I used some StP(Snap To Place) tutorials in DnD like searching.

---

<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:** [July 11, 2021, 10:52am UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/3 "2021-07-11T10:52:30Z")

</div>

I made this is StP (Snap to Place) but the same code will work in DnD (Drag and Drop)  
[https://x.thunkable.com/projectPage/5fce83a95373b000115a9279](https://x.thunkable.com/projectPage/5fce83a95373b000115a9279)

This is a text search for Data Viewer which you can use for lists  
[https://x.thunkable.com/projectPage/600c2ce7f153060012143ac4](https://x.thunkable.com/projectPage/600c2ce7f153060012143ac4)

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 11, 2021, 10:57am UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/4 "2021-07-11T10:57:03Z")

</div>

Can I send The Link Of My project and just can you see where should i put the text input @muneer  
[https://x.thunkable.com/copy/47b6c5f1d961ce98c68f6b497a13bd7e](https://x.thunkable.com/copy/47b6c5f1d961ce98c68f6b497a13bd7e)  
This link

---

<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:** [July 11, 2021, 10:58am UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/5 "2021-07-11T10:58:07Z")

</div>

You can if you want.

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 11, 2021, 10:58am UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/6 "2021-07-11T10:58:47Z")

</div>

Pls see @muneer

---

<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:** [July 11, 2021, 11:47am UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/7 "2021-07-11T11:47:10Z")

</div>

Where is it. I don’t see any link in your message.

[**Edit**]  
I just saw it in an earlier message.  
Ignore this comment.

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 11, 2021, 12:03pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/8 "2021-07-11T12:03:53Z")

</div>

Ok sir

---

<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:** [July 11, 2021, 12:54pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/9 "2021-07-11T12:54:44Z")

</div>

See my modifications  
[https://x.thunkable.com/projectPage/60eadaa9e36c6b00e229cb64](https://x.thunkable.com/projectPage/60eadaa9e36c6b00e229cb64)

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 11, 2021, 3:12pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/10 "2021-07-11T15:12:45Z")

</div>

Thhhhaannnnkkk Yyyyyooouuu ssoooo mmmmuuuccchh @muneer

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 11, 2021, 3:22pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/11 "2021-07-11T15:22:41Z")

</div>

Thank You For Helping @muneer and @sketch  
You’re the great Developers

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [July 11, 2021, 3:30pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/12 "2021-07-11T15:30:27Z")

</div>

> [@rishabh\_jain](#):
>
> Thank You For Helping

You’re welcome

> [@rishabh\_jain](#):
>
> You’re the great Developers

Thank you 😊

---

<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:** [July 11, 2021, 3:50pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/13 "2021-07-11T15:50:36Z")

</div>

Glad that you found it useful.

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 11, 2021, 3:51pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/14 "2021-07-11T15:51:06Z")

</div>

😁 😄 😄

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 11, 2021, 4:44pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/15 "2021-07-11T16:44:30Z")

</div>

Hi @muneer Sorry for discussing again but in app there is a problem pls see this video [Problem In Translator - YouTube](https://youtu.be/jr20jOh9h2M)  
When I search with the help of text input the language it gives another meaning and when I scroll and search it without writing in text input then it gives right meaning why

---

<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:** [July 11, 2021, 4:53pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/16 "2021-07-11T16:53:24Z")

</div>

This can be easily fixed. When you search you actually change the index of the countries and therefore you will select a wrong index.

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 11, 2021, 4:55pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/17 "2021-07-11T16:55:04Z")

</div>

Ok but I am not knowing how to do that 😅  
Can u just help sorry

---

<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:** [July 11, 2021, 4:58pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/18 "2021-07-11T16:58:38Z")

</div>

I fixed it already.  
Remix that project again to get the updated one.

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [July 11, 2021, 4:59pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/19 "2021-07-11T16:59:20Z")

</div>

The link you changed ??  
(EDIT)  
Thank you It is working ☺☺  
See the problem is solved

[![]( " - YouTube") ](https://www.youtube.com/watch?v=SPol2HP7zI0)

---

<div class="post-metadata">

**Author:** ![delee\_techdeveloper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/delee_techdeveloper/32/29616_2.png) [@delee\_techdeveloper](https://community.thunkable.com/u/delee_techdeveloper)\
**Post date:** [September 22, 2021, 3:21pm UTC](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366/21 "2021-09-22T15:21:39Z")

</div>

The link isn’t working, need help creating a search page in the new drag and drop UI.

The Goal is to make a search and then the search go to the detailed page  
with a map with selected coordinates

[Next page](https://community.thunkable.com/t/search-input-in-drag-and-drop-ui/1390366.md?page=2)
