# About Drop down list

**URL:** <https://community.thunkable.com/t/about-drop-down-list/2920986>\
**Category:** Questions about Thunkable X\
**Created:** [March 30, 2024, 12:53pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986 "2024-03-30T12:53:33Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [April 2, 2024, 2:39am UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/21 "2024-04-02T02:39:09Z")

</div>

This is the newest version with updated property blocks.

[https://x.thunkable.com/component/660b6a5b75d31f66a262cec7/](https://x.thunkable.com/component/660b6a5b75d31f66a262cec7/)

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/2/121c2d57e10849df8297d6db77e7caf27c16e8d2.png)

---

<div class="post-metadata">

**Author:** ![c.7ooda6r](https://avatars.discourse-cdn.com/v4/letter/c/ebca7d/32.png) [@c.7ooda6r](https://community.thunkable.com/u/c.7ooda6r)\
**Post date:** [April 2, 2024, 8:47am UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/22 "2024-04-02T08:47:02Z")

</div>

It makes one item as 3 options … every letter is option

 ![Screenshot_2024-04-02-10-44-13-70_2bbfbfee96a5dfce998f962ebb8b5da3](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/7/770f71e38b63adcfbf5333cf42f79187da284a7a.jpeg)

---

<div class="post-metadata">

**Author:** ![c.7ooda6r](https://avatars.discourse-cdn.com/v4/letter/c/ebca7d/32.png) [@c.7ooda6r](https://community.thunkable.com/u/c.7ooda6r)\
**Post date:** [April 2, 2024, 8:59am UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/23 "2024-04-02T08:59:46Z")

</div>

I think the reason is the block of "list of numbers?  
 ![IMG_20240402_105717](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/e/9e74f76dec0f56c376c279f05ff9e5fc50af090b.jpeg)

If changed to this one  
 ![IMG_20240402_105649](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/5/6563ce69775cb089acf34c312b0008cf72aa78c5.jpeg)

Or length of list blok … it may be solution

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [April 2, 2024, 1:21pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/24 "2024-04-02T13:21:08Z")

</div>

Thank you for pointing that out. There was an issue when trying to set the list with designer property window.

It has been updated  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/5/858f50af3b522dc30044c6674f78417e782213f3.png)

---

<div class="post-metadata">

**Author:** ![c.7ooda6r](https://avatars.discourse-cdn.com/v4/letter/c/ebca7d/32.png) [@c.7ooda6r](https://community.thunkable.com/u/c.7ooda6r)\
**Post date:** [April 2, 2024, 2:54pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/26 "2024-04-02T14:54:46Z")

</div>

Just 3 options from 5 are shown… live test on device

 ![Screenshot_2024-04-02-16-52-52-12_2bbfbfee96a5dfce998f962ebb8b5da3](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/1/51929e04ac1b0541d3cb8454008a161b1144594c.jpeg)

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [April 2, 2024, 3:59pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/27 "2024-04-02T15:59:49Z")

</div>

Are you using your finger to scroll?

[https://res.cloudinary.com/dwdvpzphr/video/upload/v1712073876/RPReplay\_Final1712073800\_mmycrh.mp4](https://res.cloudinary.com/dwdvpzphr/video/upload/v1712073876/RPReplay_Final1712073800_mmycrh.mp4)

---

<div class="post-metadata">

**Author:** ![c.7ooda6r](https://avatars.discourse-cdn.com/v4/letter/c/ebca7d/32.png) [@c.7ooda6r](https://community.thunkable.com/u/c.7ooda6r)\
**Post date:** [April 2, 2024, 4:51pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/28 "2024-04-02T16:51:43Z")

</div>

Could you give me the component link again please?

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [April 2, 2024, 6:26pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/29 "2024-04-02T18:26:21Z")

</div>

If there’s a problem, remove the component from your screens and then delete the component.

[https://x.thunkable.com/component/660b6a5b75d31f66a262cec7/](https://x.thunkable.com/component/660b6a5b75d31f66a262cec7/)

---

<div class="post-metadata">

**Author:** ![c.7ooda6r](https://avatars.discourse-cdn.com/v4/letter/c/ebca7d/32.png) [@c.7ooda6r](https://community.thunkable.com/u/c.7ooda6r)\
**Post date:** [April 2, 2024, 6:41pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/30 "2024-04-02T18:41:22Z")

</div>

for web test, it works great … but the live device test showing just first 3 options

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [April 2, 2024, 6:53pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/31 "2024-04-02T18:53:22Z")

</div>

Are you using IOS or Android and is your Thunkable live app up to date? Or is there a label or some other component blocking the menu? You can share your project if you need help.

---

<div class="post-metadata">

**Author:** ![c.7ooda6r](https://avatars.discourse-cdn.com/v4/letter/c/ebca7d/32.png) [@c.7ooda6r](https://community.thunkable.com/u/c.7ooda6r)\
**Post date:** [April 2, 2024, 11:27pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/32 "2024-04-02T23:27:35Z")

</div>

[https://x.thunkable.com/projects/658fd8535a33408bad27a9e0/54d17d33-d89f-454f-939b-b2e4e4b79bba/blocks](https://x.thunkable.com/projects/658fd8535a33408bad27a9e0/54d17d33-d89f-454f-939b-b2e4e4b79bba/blocks)

The screen name is “screen 2”

I’m using android, and the app live is up to date

---

<div class="post-metadata">

**Author:** ![steve\_synopsis](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@steve\_synopsis](https://community.thunkable.com/u/steve_synopsis)\
**Post date:** [April 2, 2024, 11:48pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/33 "2024-04-02T23:48:11Z")

</div>

I gave it a try as well. Works fine in web preview but just 3 options on Android.

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [April 2, 2024, 11:51pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/34 "2024-04-02T23:51:06Z")

</div>

Unfortunately, I cannot test this on android to try to even figure out what’s going on. I can try some other methods

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [April 2, 2024, 11:56pm UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/35 "2024-04-02T23:56:00Z")

</div>

@c.7ooda6r @steve_synopsis  
I just set the layout in the component to scrollable as well. Let me know if that works after you update it. Refresh your page to update.

---

<div class="post-metadata">

**Author:** ![c.7ooda6r](https://avatars.discourse-cdn.com/v4/letter/c/ebca7d/32.png) [@c.7ooda6r](https://community.thunkable.com/u/c.7ooda6r)\
**Post date:** [April 3, 2024, 1:35am UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/36 "2024-04-03T01:35:13Z")

</div>

I imported it again… still doing the same

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [April 3, 2024, 1:38am UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/37 "2024-04-03T01:38:13Z")

</div>

But, did you update it? Might just be an android thing because it works on my end. Try setting the list with the blocks instead of the properties in the designer

---

<div class="post-metadata">

**Author:** ![c.7ooda6r](https://avatars.discourse-cdn.com/v4/letter/c/ebca7d/32.png) [@c.7ooda6r](https://community.thunkable.com/u/c.7ooda6r)\
**Post date:** [April 3, 2024, 2:19am UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/38 "2024-04-03T02:19:22Z")

</div>

How can I update the component?

When setting the list with the blocks it turns error

 ![Screenshot_2024-04-03-04-15-34-91_2bbfbfee96a5dfce998f962ebb8b5da3](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/8/38f4ed8a6fd2ab620b5cb93d05cecfc2e2f22295.jpeg)

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [April 3, 2024, 2:31am UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/39 "2024-04-03T02:31:34Z")

</div>

Refresh your page, uninstall the thunkable app then reinstall, then update like this

> [@About Drop down list](https://community.thunkable.com/t/about-drop-down-list/2920986/20):
>
> Edit: Newer version has been released. This one is now outdated. Fixed the issue. Reload your page and update. [image]

I can’t really help you anymore with this component since I can’t troubleshoot it on my end. Maybe the thunkable team could have a look at this. @matt_conroy

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [April 3, 2024, 2:48am UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/40 "2024-04-03T02:48:14Z")

</div>

This is your app with the drop-down made from scratch. Use this if all else fails. Its simple to set-up. Just be careful not to drag it as it’s not a real component and you might pull the button out of the layout. Use the x and y axis to move it around.

Edit: if you want to change the button color, do this by changing the layout background color. I did it that way, so it still looks sleek and has rounded edges where needed.

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

---

<div class="post-metadata">

**Author:** ![c.7ooda6r](https://avatars.discourse-cdn.com/v4/letter/c/ebca7d/32.png) [@c.7ooda6r](https://community.thunkable.com/u/c.7ooda6r)\
**Post date:** [April 3, 2024, 3:02am UTC](https://community.thunkable.com/t/about-drop-down-list/2920986/41 "2024-04-03T03:02:52Z")

</div>

I don’t want to burden you with this matter any further. I would like to thank you very much for your patience, effort and time in your repeated attempts to help me.

[Previous page](https://community.thunkable.com/t/about-drop-down-list/2920986.md?page=1)

[Next page](https://community.thunkable.com/t/about-drop-down-list/2920986.md?page=3)
