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:

https://x.thunkable.com/copy/928b9d4e81faf41e8a3a334637bc7a40

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: …