When building a form with multiple pages (a multi-page wizard), Team Forms automatically includes tab navigation at the top and “Next”/“Previous” buttons at the bottom of each page. These navigation options help users move through your form smoothly and consistently.
We recommend using the default navigation controls for simplicity, but in some cases, you may want more control. For example, you might want to add a custom button that jumps straight to a specific page in the form (e.g. “Jump to Section 4”). You can do this by following the steps below:
Step-by-Step Guide
Create or convert your form to a multi-page form - Each page in your form will appear as a “panel.”
(Optional) Hide the default navigation controls
If you want to hide the default tab navigation or Next/Previous buttons:Open the Panel Settings for each page.
Set Bread Crumb Type to Hidden to remove the top tabs.
Adjust the Panel Navigation Buttons to hide the “Next” or “Previous” buttons as needed.
Add a custom button
Drag a Button component into your page.
Set the Label to something meaningful, like “Jump to Section 4.”
Set the button action to “Custom”
Under the Action setting, select Custom.
Add custom navigation logic - In the Button Custom Logic section, enter JavaScript to control navigation.
// Move to the next page
form.nextPage();
// Or jump directly to a specific page index (zero-based)
form.setPage(3); // Navigates to the 4th page
Using custom navigation allows you to tailor the form flow to your specific use case while still leveraging the power of Team Forms’ multi-page structure.