Hey all,
I’m trying to make it where when my checkbox is checked another element is visible, but I’m having issues making that happen.
I go to the element that I want visible and clicked conditional and try to search for the checkbox element so I can make this happen, but the checkbox element won’t show when I search for it. I’m not sure why, but I would like to get a solution to this.
It should be possible (example for a group):
What element are you trying to make visible?
It works for me when I try it under the checkbox’s conditional statements. However, when I’m on the button element conditional statements (the element i’m trying to make visible when the checkbox is checked), it doesn’t show up.
Is there a way to do it under the checkbox’s conditional statements instead? The only things I can change is it’s own element instead of others.
Are you using Bubble native checkbox element?
Is your button element wrapped in a reusable element?
I’m using bubble’s native checkbox element, but the button is not wrapped in a reusable element.
So if both elements (checkbox and button) are located on the same page - you should be able to make checkbox A is checked within any element. Are you sure you fill checkbox name correctly?
They’re both on the same page. I’m with you on this, it should pop up, but it’s not. It’s just a simple checkbox without a label and it’s inside of a different group. Regardless, they’re both on the same page.
Any other ideas?
Okay, so I just moved it out of it’s current group and now the checkbox element does pop up. The main group I want it in is a floating group, that’s where it doesn’t work. Is this normal?
So do you have similar setup: checkbox in a group and button outside?
If yes - try in another browser to check if it is browser-dependant.
If the issue will happen in another browser - I suppose it’s time to fill a bug report.
It’s inside of a floating group. Would that have something to do with it?
Nope
What you can do is create a new test app and recreate your checkbox + button setup. You’ll see If the issue is global or app specific.
You could also try to write your conditional statement inside any other element’s field, and then copy it into the conditional statement. Sometimes I had a similar issue and that magically solved it.
I would use a box icon, and then create an action to set a conditional state when it is clicked. The box would then show it is a new icon with a check in it. This would also be easy to use to then show the other element that you want. So the workflow would be to click on the icon and have that set a state on the icon as being “checked”. Set a conditional on the icon that when its state is checked it changes the icon to one showing a check. (be sure to also create a workflow so that the user can uncheck it if they want). Next, use that state from the icon to be the conditional that will trigger the other element being visible.
If I understand what you’re trying to do correctly, that should work for you.
This topic was automatically closed after 70 days. New replies are no longer allowed.
