Users navigate between pages in multi-page forms by interacting with components like buttons or dropdown selects. For example, in this form the first page lists all customers, each with an “Edit Customer” button.
When you click the “Edit Customer” button, you are then taken to a second form page where you can see the customer’s email, first name, last name, and phone number. You can also edit the customer’s country.
When we click to the form’s Edit tab, the two form pages now show under the form.
In the latest version of Spider Impact, there is now the ability to add navigation tabs to forms. These tabs support nonlinear navigation, allowing users to jump directly to specific form pages.
Adding tabs is simple. Just click the form’s Add button and choose Navigation Tabs. This adds a navigation tabs item under the form. Then, any form pages you drag underneath the Navigation Tabs item will become tabs.
In this example we’ve added a Navigation Tabs item, split the Customer Details page into two separate pages, and then moved those two pages under Navigation Tabs. As you can see, our new Name page only shows two fields: First Name and Last Name.
The Contact Info page has the other three fields: Email, Phone Number, and Country.
Now let’s see this form in action. As before, when we click to the View tab, all of the form pages collapse under Customer Management.
When we click a row’s Edit Customer button, however, the View tab changes to be two tabs: Name and Contact Info.
Name is selected, but we can also click to the Contact Info tab to see that form page.
In this example we started on a form page that wasn’t inside of a navigation tabs item, but that doesn’t have to be the case. Many forms will use tabs as their primary navigation with every form page as a separate tab.