The attached images are simplified versions of the app.
Overview:
I am stuck where it seems I need to use custom states at the icon level to create conditionals that apply individually, but the workflow of my submit button cannot reset the states of the icons because the custom states are within a repeating group. I’ve tried using custom states at the RepeatingGroup level, which works for the reset, but when I select one of the icons, it updates the whole column of the repeat with the new icon “yes” state.
More details:
I have a repeating group with three icons in it.
The icons have conditional states.
a. When the custom state of the icon is “yes” the icon is changed to a checkmark.
b. If either of the other icons have a custom state “yes” the icon is unclickable (“or” statements).
The custom state is at the icon level. This has been the only way to get all the icons to interact the way they are meant to - one at a time, constrained by row.
How can I reset the states of the icons after each “submit click” AND keep the intent of my conditionals? (I realize, I may need to backtrack to accomplish this.)
I haven’t learned much about global states using bubble yet, but from my searching so far it looks like this is a feature I need to download a plugin for, is that correct?
I’m concerned that I will run into a similar issue as I am currently having. When the conditional states are referencing external states it creates bugs like the one I show below.
This happened because the states are externally referenced and triggered “on click”. The first click allows me to click the Yes Icon. After that, all the subsequent No Icons and Maybe Icons are not clickable. Only Yes Icons. When an additional Yes Icon is clicked then unclicked (the Repeating Group state changes to “no”), it unlocks the No and Maybe Icons so either can be clicked. Whichever is clicked then becomes “yes” and only those answers become available.
Will storing the variable globally cause this problem as well? It seems that the state has to be stored at the Icon level to allow each icon and row to function as a connected unit.