# \[UPDATE\]Get your Dynamic Drop-down here

**URL:** https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769
**Category:** Questions about Thunkable X
**Tags:** design, spinner
**Created:** [December 7, 2020, 12:01am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769 "2020-12-07T00:01:21Z")
**Posts on this page:** 19
**Page:** 1

<div class="post-metadata">

### Author: ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)
#### Post date: [December 7, 2020, 12:01am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/1 "2020-12-07T00:01:21Z")

</div>

I quickly made a small project from a drop-down menu

 ![1da8e33e74b95e1f1c178356c901c075](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/d/1db5517bc97669a81fe709666344a140404f5418.gif)

It has 455 blocks with style and animation. Can be optimized for performance at the expense of style.

Remix : [REMIX](https://x.thunkable.com/projects/5fcd64ce11fc1a001163453b/a0f76ca9-14a1-47eb-a87f-8726ba401ee1/blocks)

Update 07/12/2020 Thanks @drted for the idea of adding several on the screen

---

<div class="post-metadata">

### Author: ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)
#### Post date: [December 7, 2020, 12:14am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/2 "2020-12-07T00:14:59Z")

</div>

Nice! If I want 2 on a screen, how many blocks do I need?

---

<div class="post-metadata">

### Author: ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)
#### Post date: [December 7, 2020, 1:51am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/3 "2020-12-07T01:51:24Z")

</div>

I hadn’t thought about it lol! I’ll do that tomorrow and send but I’d say between 100 and 200 more.

---

<div class="post-metadata">

### Author: ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)
#### Post date: [December 7, 2020, 4:21am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/4 "2020-12-07T04:21:32Z")

</div>

well great work  
how u put animations?

---

<div class="post-metadata">

### Author: ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)
#### Post date: [December 7, 2020, 9:14am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/5 "2020-12-07T09:14:37Z")

</div>

With delay.

---

<div class="post-metadata">

### Author: ![tee829970uo](https://avatars.discourse-cdn.com/v4/letter/t/76d3ee/32.png) [@tee829970uo](https://community.thunkable.com/u/tee829970uo)
#### Post date: [December 7, 2020, 9:32am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/6 "2020-12-07T09:32:48Z")

</div>

Amazing been looking for how to do this

---

<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: [December 7, 2020, 9:51am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/7 "2020-12-07T09:51:51Z")

</div>

150 blocks it too much. All what you need is  
1- text input field  
2- a button to show the arrow image (if needed)  
3- listviwer with loaded with choices

You will achieve same results. 😁

---

<div class="post-metadata">

### Author: ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)
#### Post date: [December 7, 2020, 10:37am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/8 "2020-12-07T10:37:12Z")

</div>

The text input is bad it opens the keyboard, even if you close the keyboard as soon as you press it opens 0.5 seconds. I started with the text input before.

And if you disable text input the click event is not taken into account.

---

<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: [December 7, 2020, 11:14am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/9 "2020-12-07T11:14:01Z")

</div>

I use text input if I want to enable search option of the list otherwise I use a label component which does not interact with the keyboard.

---

<div class="post-metadata">

### Author: ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)
#### Post date: [December 7, 2020, 4:35pm UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/10 "2020-12-07T16:35:05Z")

</div>

Ah okay yes you’re right the text input is useful when searching. But how many blocks do you take if you need to have several dropdown on the screen ?

---

<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: [December 7, 2020, 7:53pm UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/11 "2020-12-07T19:53:59Z")

</div>

@kushweez,  
check this example  
[Dropdown Example](https://x.thunkable.com/projectPage/5fce83a95373b000115a9279)

---

<div class="post-metadata">

### Author: ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)
#### Post date: [December 7, 2020, 8:36pm UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/12 "2020-12-07T20:36:10Z")

</div>

@muneer Yes indeed it does not consume much.  
But let’s say you have to create the interface according to the user data and options and you generate 5 or 6 or 10 depending on the options. Your way works only if you are sure to have the list there.

---

<div class="post-metadata">

### Author: ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)
#### Post date: [December 7, 2020, 8:43pm UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/13 "2020-12-07T20:43:18Z")

</div>

hmm…  
u removed animations but y

---

<div class="post-metadata">

### Author: ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)
#### Post date: [December 7, 2020, 8:51pm UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/14 "2020-12-07T20:51:15Z")

</div>

I simply animated the addition to the list.  
Before I used labels now a simple list.

But it’s possible to animate it by adapting the size of the column to each addition in the list, which creates the effect.

---

<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: [December 8, 2020, 5:30am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/15 "2020-12-08T05:30:39Z")

</div>

@kushweez,  
I populated the list in the code for simplicity only but you are welcome to get the options in the list from a data source. Nothing will change.  
This method will work exactly the same.  
Should you want, I can create a local data source and connect it to the listviwer then you can add or remove from the data source itself and see for yourself that this coding is dynamic.

Happy Thunking 😁

---

<div class="post-metadata">

### Author: ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)
#### Post date: [December 8, 2020, 5:31am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/16 "2020-12-08T05:31:45Z")

</div>

> [@kushweez](#):
>
> I simply animated the addition to the list.  
> Before I used labels now a simple list.

kk  
but u totally removed animations broooooo

---

<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: [December 14, 2020, 6:01am UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/17 "2020-12-14T06:01:55Z")

</div>

@kushweez,  
I forgot to send you the link for the sample with options of the list from a data source to be controlled by user/developer

> **[Thunkable](https://x.thunkable.com/copy/d40f9bfcfc9638b3b832bae363b3b3a0)**

---

<div class="post-metadata">

### Author: ![kushweez](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kushweez/32/90265_2.png) [@kushweez](https://community.thunkable.com/u/kushweez)
#### Post date: [December 14, 2020, 2:15pm UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/18 "2020-12-14T14:15:58Z")

</div>

Thank you very much @muneer

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 12:19pm UTC](https://community.thunkable.com/t/update-get-your-dynamic-drop-down-here/1024769/19 "2024-11-08T12:19:44Z")

</div>


