Hi there!

I've tried to recreate what you're describing using a multi-level component list setup. In my prototype:

• When I click on the first white "Component list H1," the green "Component list H2" appears.

• When I click on the first green "Component list H2," the blue "Component list H3" appears with multiple items.

• Clicking on the items can also hide or show the next list level, making it interactive.

Does this match what you are trying to achieve? If not, could you clarify if you want the lists to behave differently?
 

Thanks, Ondrej, essentially yes. I am trying to create a submission form for users to select a department and then within that department, they’ve selected, can choose from a team that fall within that department. I’m looking to do them next to one another vs. in a single list.

I managed to recreate the interactive department and team selection just like in your example. Here’s how it works:

• Department A: Clicking on "Department A" toggles its visibility between true and false, allowing it to show or hide.

• Team List B: Clicking on a sub-department activates the variable for "Team List B," making it visible.

• Team B: Clicking on "Team B" toggles its visibility using a conditional interaction.

• Layer Structure:

• All process:

I set up most of the elements as components, which I then nested together and attached the variables to. This approach works well for me, though it might be possible to do it in a simpler way.

Hope this helps!