Button does not link to another container (Page does not update)

Ask us anything How do I?
1

Hello Community,

I’m currently working on an app with multiple containers (e.g., “Level_Start,” “Level_Intro”). My goal is that when clicking a button, the “Level_Intro” container becomes visible while “Level_Start” is hidden.

Here’s what I’ve done so far:

Created a global variable currentPage in the data section (default value: "Level_Start").
Set up a button workflow that changes the variable currentPage to "Level_Intro."
Used a formula to control the visibility of containers:

currentPage === "Level_Intro"

The problem:
The button doesn’t update the view. “Level_Intro” does not appear, and “Level_Start” stays visible.

Questions:

Do I need to configure anything additional for the containers?
Is my approach using the currentPage variable correct, or is there a better way to achieve this?
How can I debug this issue effectively?

I’d appreciate any tips or advice. Thanks in advance!

2

Hi, @Xamax

It sounds like you’re doing it right, but just to be sure here are the steps:

For both containers, i would bind it to to the conditional rendering here: (Conditon)

image
image704×1748 66.8 KB

image
image880×160 7.02 KB

true means visible, false means hidden.

For the first container: currentPage = “level_start”
For the second container: currentPage = “level_intro”

On the button workflow i would change variable: currentPage to “level_intro”.

Remember this is case sensitive.

3

Hi, @Kawwl

Thanks for your feedback! I’m just getting back to the project today, so I appreciate your patience.

I’ve reviewed your suggestions and will double-check my conditional rendering settings and button workflow. I’ll also make sure the variable update is case-sensitive and not affected by the toggle logic.

If I run into any issues, I’ll update you. Thanks again for the help!