Skip to main content
July 18, 2023
Solved

Select all Checkbox

  • July 18, 2023
  • 14 replies
  • 5230 views

How do I make a prototype with a master checkbox that affects the column of checkboxes below it.

This topic has been closed for replies.
Best answer by Avokadomos

Here’s another example without variables. I hope I understood it correctly now.

14 replies

gilgongo
July 26, 2023

If you have a checkbox component state called something like “selected”, then make the master checkbox set a boolean variable which all the others can use to set their state.

Then when you check the master, use a conditional statement to set the variable depending on its current state (checked or unchecked). The variable then determines the state of the checkbox below it.

As an aside, to fully replicate this common web app behaviour, you’d also need to allow the checkboxes below it to be selected/unselected independently as well. Not sure how best to do that though without having to create a variable for each checkbox (so you’d end up with a lot of variables!)

Avokadomos
Active Member
July 26, 2023

You can make each checkbox add to the same variable. See the example below.

gilgongo
July 26, 2023

I think that solves a different problem to the one OP is referring to, but still ❤️

Avokadomos
Active Member
July 26, 2023

Here’s another example without variables. I hope I understood it correctly now.

July 26, 2023

Thank you, this is what I was after. I will build it as you have it and learn.

September 20, 2023

what is the procedure to reach this result @Avokadomos ?

Avokadomos
Active Member
September 22, 2023

You can open up the prototype in editor to see how I’ve made the connections.

Kevin_Drescher
September 26, 2023

Hey,

can you maybe share the source file of this?
In Editor i cant view the variables and I do not understand how it works 😕

September 26, 2023

Not intuitive but if you open it in the prototype view mode and hit the top center “community demos” title it’ll drop down an option to view in editor. Hope that helps!

September 26, 2023

Not intuitive but if you open it in the prototype view mode and hit the top center “community demos” title it’ll drop down an option to view in editor. Hope that helps!