Hi , I am beginner and creating some application . In one application there is a requirement to Hide/show Checkbox on the basis of another checkbox selection. How i can implement this. For eg I have two checkboxes : CheckboxA & CheckboxB. I want to hide CheckboxA when user checked CheckboxB if user unselect it then CheckboxA should be visible. Please guide how i can approch on this
Hi!
You’re looking for Conditional Visibility configuration option in Workshop’s edit mode.
Most widgets themselves (e.g., the Checkbox widget) – with a few exceptions – do not support conditional visibility on their own.
What you want to do to achieve your described UI/UX is to wrap/nest CheckboxA in a Section (let’s call this Section Z) since Sections (in their configuration panel on the right side within Edit mode) have a toggle (see below screenshot) for conditional visibility.
All instances of the Checkbox widget output their own respective boolean variable. If you pass the boolean variable that’s output by your CheckboxB widget into the “HIDE SECTION IF (OPTIONAL) Select boolean variable…” dropdown in the configuration panel of Section Z (and also have CheckboxA inside of Section Z), then the visibility of CheckboxA will be determined by whether or not CheckboxB has been clicked on by a user.
Hope this helps!