Radio buttons demo

[tatiang]

Like in @domhnallohanlon’s earlier demo, I needed radio buttons for a project I was working on.

So I decided to share a demo of how I set them up:

Thunkable (link updated as of June 7, 2024)

There’s not a lot of setup once you have the project link above. Here’s what the screen looks like:

You can add more radio buttons by duplicating the blue circles. Important: be sure to arrange the buttons chronologically in the component tree and on the screen so that they are listed top to bottom in the order they were added to the screen.

Then add more item names to the list here:

The preview looks like this:

The rest should “just work.”

The trickiest part is probably spacing the blue outline buttons correctly to match the line spacing of your item choices.

[manyone]

what do you know! i happened to be working on a radio button selector, too.! may i share my method? i use 2 parallel lists, the first is the original list, and the 2nd is the same list but with a radio button pre-pended to each of the items. the list viewer is associated with the 2nd list and each time an item is clicked, the 2nd list is recreated to reflect the latest item selected. it starts with no selection and in the end one radio button should have been selected.

here’s the demo:
https://x.thunkable.com/copy/e1232323cd651c50fc576656769f8c95

i’m working on a check box demo (multiple selection), too.

[kartik14]

@manyone Just a little suggestion if you don’t mind - try hiding the listviewer’s arrow, and set the width to ~60%-70%, so it would look more like a radio list

So it would look something like this -

[manyone]

looks good! thanks for the suggestions.

[tatiang]

Not sure if you used emojis or not but you can also use the radio button and white circle from Get Emoji:

[manyone]

i couldn’t find a radio button that i liked. none of the alt-coded ones seem to work for thunkable - i’m lucky i found these on and off radio buttons that are copy-pastable. the green-on radio button from getEmoji seems too light to me (i’m colorblind) - i would rather have black.

meanwhile, when you get a chance, can you open a new topic siimilar to this but about check boxes? i’ve got my demo working.

[muneer]

@manyone

when you get a chance, can you open a new topic siimilar to this but about check boxes?

Will this fit your need for a check box?

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

[manyone]

i think i wrote that? i wanted to file my demo (another version) for checkboxes but under the checkboxes topic not buried in the radiobutton topic so it’s easier to search

[muneer]

I had this demo made long ago. Just shared it for convenience.

You can of course open a new topic and I’ll list that demo in it.

[rusticone]

@manyone

i’m working on a check box demo (multiple selection), too.

Ciao!
I’m very waiting for it!!

Grazie!

[manyone]

i had done it a few days after = heres the link

Checkbox Demo (multiple selections)

i recently wrote something that needed a multiple choice item and i added the functionality to the listviewer. i maintain 3 lists to keep track of things, List1 is the oriignal list of choices, List2 is same as first but with a check box prepended to each item, List3 contains same number of items as in List1 but consists of Boolean values only - they represent which items are marked for selection at any one time: here’s a before and after picture: [image] and here’s the link to the project: …

[pinaxeg]

The demo project doesn’t show for free account.

[pinaxeg]

@pinaxeg

@tatiang

https://x.thunkable.com/copy/928b9d4e81faf41e8a3a334637bc7a4
The demo project doesn’t show to free accounts.

[matt_conroy]

Shared projects are only valid for 90 days and Tatian posted the link over three years ago. It would be best to just start a new topic at this point.

Be sure to check out our posts about How to ask Great Questions v2.0, our Community Guidelines, and our Docs.

[manyone]

here’s the updated link of my demo - see if it works for you
https://x.thunkable.com/copy/b42abeddbcff1b520692c49281295f66

[pinaxeg]

Since none of the earlier demo projects would open I decided to make mine. Here it is. Just put 3 checkboxes on the screen and add blocks as shown. Those checkboxes going to behave as radio buttons then. Surely you may add more checkboxes. Don’t forget to give them unique IDs. See screenshot.

[tatiang]

Here’s the project link: Thunkable

[pinaxeg]

Thank you.