Architecture layout best practice: one page with multiple functions/groups vs multiple pages

Yep. If you change the URL parameter whenever users go to a different step, then when they click “back” it’ll take them to the prior step (since it had a different URL) instead of going all the back to the page before the 3 steps.

Here’s how to do that.

  1. When users click, say, the “next button” to go from step 1 to step 2, then have that run a workflow that loads the same page with all 3 steps and set a parameter for step = 2 to be added to the URL.

  2. Run a workflow on page load to set a conditional state = to the step number in the URL. Also, add a workflow to set the default step to 1 if there is not URL parameter for which step.

  3. Set the group for step 2 to conditionally display whenever the conditional state “step” = “2” (additionally, you probably want the other steps to be hidden unless step 1 or step 3 are in the URL)

That’s all it takes.

Here are those same steps in my app where, rather than going between steps, I have users selecting a tab:

Hope this helps!

Best,
Scott

21 Likes