How can I build a checkbox list in which I am able to select/unselect items?

Hi there,
I hope you are doing good!

I’ll get straight to my point - Here’s what I am thinking to do :

I have a list of ~8 items, and I want my user to pick 1 to 8 items from that list. Here’s a GIF roughly representing my idea - [the items in below GIF do not represent my actual items; also, I do not require the ‘Select All’ button.]

sample gif

So, is it possible to make a multiple selection checklist like above in Thunkable?

Any help would be appreciated!
Thanks! :slightly_smiling_face:

1 Like

I would think it would be pretty easy to do this in the legacy interface with Any Component blocks and pretty hard to do in the drag-and-drop interface. I’ll see if I can make a demo.

It would be great to have checkboxes or radio buttons as options in a list viewer. Maybe you can submit a feature request on GitHub?

3 Likes

In theory, this should work. In practice, it doesn’t. :frowning:

Thunkable

Okay, Thunkable didn’t like my embedded “test” condition blocks. This is getting closer:

https://x.thunkable.com/copy/6c4b98db7384287c42735fd51cea17c9

Actually, I think this will work as a checklist. But my live previews aren’t updating so it looks like the data isn’t changing for me.

1 Like

Hi @tatiang!
Thanks a lot for your help! :grinning:

I tried doing it completely myself & fortunately, It has worked out perfectly :

The LocalDB has the list of the items, and the label represents the checked items comma-seprated.

Thanks!

3 Likes

@kartik14
@tatiang

I thought to provide my own contribution for the checklist. I know the issue is resolved but let me share it for future reference.

Check List Sample Project

2 Likes

Hi, @muneer !

Thanks for your idea, it seems nice! Unfortunately, I cannot seem to open the project because of some errors - I can just preview it from the project page…

Do you mind sharing the remix link?

Thanks!

1 Like

Please see the link again

https://x.thunkable.com/projectPage/603fe31c6b9fa20011d0afcd

2 Likes

Ooooh! I like that. :slight_smile:

1 Like

Thanks @muneer, but I still cannot get full access to the project :expressionless:

All I see is everything is disabled…

1 Like

I don’t know what’s causing it.

https://x.thunkable.com/projects/603fe31c6b9fa20011d0afcd/48e305ca-9220-4e1c-9b68-2d08dbe580c9/designer

This is again the project not from details page as I normally do it. From design page

Thanks for your comment.

wow. that’s clever! do you have the characters for radio buttons on and off, too? did you get those from dingbats font? i mean wingdings

2 Likes

I got the characters from the internet and you can you any character you want. You could even choose those with colours.

What a great way! I would’ve used a custom DVL to add some buttons to that. The code is easily managed. But your way is much quicker.

1 Like

Thank you. As they say, there are a 101 ways to skin a cat or this is what my teacher back then used to say.

1 Like

This is also an option: Thunkable

1 Like

:+1:

1 Like

Thunkable Added select all and clear all…

1 Like

@kartik14
I just found out that if you see the project as read only all what you need to do is to select the three vertical dots and choose “Duplicate Project”
image

It worked for me getting a project from the community which was showing “every thing disabled”

Yes, I’ve been noticing that, too. I still haven’t figured out why some projects say “Remix” and some don’t show that at all and need to be duplicated.

1 Like