Open previous step

Function: Open previous step

This action allows you to navigate backward within a "Stepper" user interface element. A Stepper guides users through a series of sequential steps, like a multi-page form or a guided process. Using this action will automatically display the step immediately preceding the currently active step in the chosen Stepper.

Input

• Stepper ui element: (Required) Select the specific Stepper component on your page for which you want to open the previous step.

Output

This function does not produce any direct output values that can be used in subsequent actions. Its primary effect is to update the user interface by changing the visible step in the selected Stepper.

Execution Flow

Real-Life Examples

Example 1: Navigating back in a multi-step form

• Scenario: You have a multi-step application form (e.g., for job application, order placement) using a Stepper. On each step, there's a "Back" button. When the user clicks "Back", you want to show the previous step of the form.
• Inputs:
  • Stepper ui element: My Job Application Stepper (select the Stepper component on your page that represents the form)
• Result: The "My Job Application Stepper" will move from the current step (e.g., "Contact Information") to the previous step (e.g., "Personal Details").

Example 2: Correcting information after a review

• Scenario: A user is reviewing their order details on the final step of a Stepper. They notice an error in their shipping address and need to go back to the "Shipping Information" step to correct it. A "Edit Shipping" button is available.
• Inputs:
  • Stepper ui element: Order Checkout Stepper (select the Stepper component on your page that guides the checkout process)
• Result: The "Order Checkout Stepper" will navigate back one step, allowing the user to edit their shipping details. If the user was already on the very first step, the Stepper would remain on the first step, and no further navigation would occur.

Example 3: Conditional return to a previous step

• Scenario: In a product configuration wizard (using a Stepper), after selecting certain options in "Step 3: Features", the system determines that a choice made in "Step 2: Base Model" is incompatible. Instead of just showing an error, you want to automatically take the user back to "Step 2" to make a different selection.
• Inputs:
  • Stepper ui element: Product Configurator Stepper (select the Stepper component on your page for product configuration)
• Result: If the user is on "Step 3" and the incompatibility condition is met, the "Product Configurator Stepper" will automatically revert to "Step 2: Base Model", prompting the user to revise their choice.