# How to combine a checkbox list and a drop down list?

**URL:** https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105
**Category:** Questions about Thunkable X
**Tags:** beginner
**Created:** [March 13, 2022, 10:04pm UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105 "2022-03-13T22:04:23Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![kcmahlo](https://avatars.discourse-cdn.com/v4/letter/k/bcef8e/32.png) [@kcmahlo](https://community.thunkable.com/u/kcmahlo)
#### Post date: [March 13, 2022, 10:04pm UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/1 "2022-03-13T22:04:23Z")

</div>

Hi, All 🙂

I’m working on my first app, and I’ve managed to make some progress, but one thing I am stuck on is how to make a checkbox list appear in a drop-down list. I will attach example screens.

The 1st - Checkbox Screen\_A: will show the list all of the time, which I do not want. I do not need a checkbox by the “select …” prompt, and also do not require a ‘select all’ or ‘clear all’ function.

The 2nd - HideOptionsList\_B: hides the list behind a label like I want, but I don’t know how to give it the checkbox feature.

Once multiple items are selected, I want to be able to close the list, ideally back to the “select …” prompt.

I’ve tried multiple tutorials, but they seem to all be one or the other list, or leave the list visible at all times. I’ve tried combining the two screens into one, but can’t get it right.

Can anyone offer advice?  
Sample screens project: [Thunkable](https://x.thunkable.com/projects/622e3a98b157450011090352/71653639-c8df-48b3-a35e-2d3850acda45/designer)

---

<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: [March 13, 2022, 10:12pm UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/2 "2022-03-13T22:12:47Z")

</div>

Welcome to Thunkable

Try this demo  
[https://x.thunkable.com/projectPage/603fe31c6b9fa20011d0afcd](https://x.thunkable.com/projectPage/603fe31c6b9fa20011d0afcd)

---

<div class="post-metadata">

### Author: ![kcmahlo](https://avatars.discourse-cdn.com/v4/letter/k/bcef8e/32.png) [@kcmahlo](https://community.thunkable.com/u/kcmahlo)
#### Post date: [March 13, 2022, 10:54pm UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/3 "2022-03-13T22:54:04Z")

</div>

Thank you for the reply 🙂

That is one of the tutorials that I looked at to help with the checkbox feature, but the list is always on screen.

Did my link to the project work? It does on my end, but not sure if you can access it.

---

<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: [March 14, 2022, 7:24am UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/4 "2022-03-14T07:24:35Z")

</div>

You need to change this in your second screen

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

---

<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, 2022, 7:43am UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/5 "2022-03-14T07:43:28Z")

</div>

Here’s another demo:

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

I created that as part of an answer to this topic:

> [@\[Solved\] How to Create Drop down list](https://community.thunkable.com/t/solved-how-to-create-drop-down-list/1234018):
>
> Hi, Anyone can help for creating drop down list for multi choice answer. Pls Help

---

<div class="post-metadata">

### Author: ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)
#### Post date: [March 14, 2022, 9:38am UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/6 "2022-03-14T09:38:54Z")

</div>

here’s my take on it:  
[https://x.thunkable.com/copy/99b2477b37223bf50eda2f11b4d76165](https://x.thunkable.com/copy/99b2477b37223bf50eda2f11b4d76165)

it requiires two things

1. a submit button has to show up to indicate DONE selecting - it disappears after it’s pressed
2. a variable has been designated as the destination of the response (in this example, **responseList** ) after you press submit

for the demo, i also displayed the responseList string in text\_input1 so you can cut-n-paste it to see the returned responseList

---

<div class="post-metadata">

### Author: ![kcmahlo](https://avatars.discourse-cdn.com/v4/letter/k/bcef8e/32.png) [@kcmahlo](https://community.thunkable.com/u/kcmahlo)
#### Post date: [March 14, 2022, 9:59pm UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/7 "2022-03-14T21:59:44Z")

</div>

D’oh. I missed that correction. Thanks for catching it, @muneer

---

<div class="post-metadata">

### Author: ![kcmahlo](https://avatars.discourse-cdn.com/v4/letter/k/bcef8e/32.png) [@kcmahlo](https://community.thunkable.com/u/kcmahlo)
#### Post date: [March 14, 2022, 10:04pm UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/8 "2022-03-14T22:04:06Z")

</div>

Thank you @tatiang  
That is close to what I’m trying to do, but I am not wanting to change the first line to a selection. Open list, select items, close list, and selected items would show up on another screen.

Thanks again for the help 🙂

---

<div class="post-metadata">

### Author: ![kcmahlo](https://avatars.discourse-cdn.com/v4/letter/k/bcef8e/32.png) [@kcmahlo](https://community.thunkable.com/u/kcmahlo)
#### Post date: [March 14, 2022, 10:05pm UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/9 "2022-03-14T22:05:18Z")

</div>

oooh, this looks like it will work! I will try it out and update here after 🙂  
Thanks @manyone

---

<div class="post-metadata">

### Author: ![kcmahlo](https://avatars.discourse-cdn.com/v4/letter/k/bcef8e/32.png) [@kcmahlo](https://community.thunkable.com/u/kcmahlo)
#### Post date: [March 16, 2022, 1:51am UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/10 "2022-03-16T01:51:05Z")

</div>

Thank you @manyone - this worked for me 🙂

I need to tweak it a little if possible, so I’ve played around a bit but no luck yet.  
Right now, it shows the # of the option along with the option ex: 2:Option 2. I’d like to get rid of the number and : ( 2: ) , and just show the option. Is this possible?

Must the response list only show on the same screen, or can it be sent to another screen? I’m searching all of the tutorials to see if it’s already there, or if I can piece it together.  
I’m trying to build an article entry screen, and when completed it will show as a completed screen, and also in a library.

For example: New Entry page: Enter info related to Article, choose options, complete screen. It returns to an empty entry for the next new entry. Go to Library Screen where I will see all entered Articles. Click on an Article and it takes me to its Individual Page, showing all the info I entered and any notes.

---

<div class="post-metadata">

### Author: ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)
#### Post date: [March 16, 2022, 2:21am UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/11 "2022-03-16T02:21:38Z")

</div>

i included the option # and the option name because even in a simple listviewer you get 2 options of item or index ,when one selection is made.  
anyway if you don’t want the index to show, change the bottom part of this block

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/0/008d3f4096c7e3d9878c9cab0ea599402140847e.png)

to this:

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

the response list is showing on that screen for verification purposes only - whiile i was developing this. currently the value is saved in a variable called **responseList**. it could have been any name. but as long as you know its name, you can display it in another screen.

---

<div class="post-metadata">

### Author: ![kcmahlo](https://avatars.discourse-cdn.com/v4/letter/k/bcef8e/32.png) [@kcmahlo](https://community.thunkable.com/u/kcmahlo)
#### Post date: [March 16, 2022, 5:05pm UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/12 "2022-03-16T17:05:04Z")

</div>

Thank you for your advice, @manyone. I had been stuck on this component for a while, and I appreciate the time you took to help me.

---

<div class="post-metadata">

### Author: ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)
#### Post date: [March 16, 2022, 7:42pm UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/13 "2022-03-16T19:42:28Z")

</div>

I’m glad i could help.

---

<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 14, 2022, 7:42pm UTC](https://community.thunkable.com/t/how-to-combine-a-checkbox-list-and-a-drop-down-list/1782105/14 "2022-06-14T19:42:54Z")

</div>

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