Hi,
I am in need of some guidance and troubleshooting regarding changing states via custom events inside reusable elements.
RE = Reusable Element
RG = Repeating Group
Goal: Change the state of a RE from another RE so that the main page can show/hide elements
The main page content has conditions to only show when it’s respective title is present. Group Quote to show only when RE: home-state state is Quote.
What I have:
2 REs: 1. home-state, 2. quote-more
and a Single page design
-
home-state has a single custom workflow to change the value of the RE state. It is placed on two places; main page and on the quote-more RE.
-
quote-more is a GroupFocus inside a RE to display a dropdown of multiple options in a RG. Once an option is selected (button press), a workflow runs custom event from a RE to change the state. RE 1 custom workflow; home-state is run to change the state.
Problem:
The state changes but the wrong one. When I inspect the page looking for the home-state, I see there are multiple.
Most probably because it is placed on different places: main page, and REs.
So the home-state RE state on the quote-more RE is changed because of the workflow. But I need the home-state on the main page to be changed to show different groups.
Conclusion:
I was under the impression that there would only be one state of the home-state which could be referenced or that the home-state RE state would communicate to all other instances of itself, wherever it is placed.
Is my presumption wrong or am I missing something?