1-Column Multi-Step Process Page
Last updated
Last updated
This page has a series of forms. Each form constitutes a "step" in the process. Users can go back and forth between steps and see what step they are on via a dynamic progress bar reusable element at the top of the page. This version is ideal for simple forms such as check out process and surveys.
When this page is added to your app, it will come with two main groups:
Group Standard Forms - This group contains modules that are connected to workflows. Each Group Tab within this group will show or hide depending on which progress step the user is currently on.
Group page860Group - This group contains the responsive settings for all additional modules you add through Canvas Pages.
This page will come with a Popup Hidden Variables. For more information on how to use the Popup Hidden Variables, click here.
var - Website object - This group stores the website object (e.g., app name, primary color, and etc.)
var - dummy - This is a placeholder group. You can store any data here by updating the type of content and data source of the group.
Button BACK goes to a previous progress step
Button NEXT goes to the next progress step
The page comes with a step url parameter. Users can load the page to show a specific and its corresponding module by adding a url parameter (e.g, ?step=3).
Modify or update the progress bar steps within the progressbar reusable element to fit your needs.
[OPTIONAL] Remove Group Tab 1, Group Tab 2, Group Tab 3, Group Tab 4, Group Tab 5, or Group Tab 6.
[OPTIONAL] Resize Group page860Group and add other modules inside of it
Make sure you update the condition statements on those modules.
Add workflows to Button Back and Button Next
