Ask AI
Skip to main content

Open next step

Function: Open next step​

This action allows you to advance a multi-step process, guided by a "Stepper" user interface element, to its subsequent stage. It's perfect for guiding users through sequential tasks like form submissions, onboarding flows, or checkout processes, ensuring a smooth and structured user experience.

Input,

  • Stepper UI element: (Type: UI Element - Stepper) The specific Stepper component on your application's screen that you want to move to the next step. This is a required input.

Output,

  • None: This action directly updates the specified Stepper UI element on the screen, moving it to the next step. There is no explicit data output from this action.

Execution Flow,

Real-Life Examples,

  • Example 1: User Onboarding Flow

    • Scenario: After a new user completes their profile information on the first step of an onboarding stepper, you want to automatically move them to the next step to set up their preferences.
    • Inputs:
      • Stepper UI element: Onboarding_Stepper (the name of your stepper component)
    • Result: The Onboarding_Stepper on the user's screen will visually advance from the "Profile Information" step to the "Set Preferences" step.

  • Example 2: Multi-Page Form Submission

    • Scenario: A user is filling out a loan application form that is broken into several sections using a stepper. After they click "Continue" on the "Employment Details" section, you want to move them to the "Financial Information" section.
    • Inputs:
      • Stepper UI element: Loan_Application_Stepper
    • Result: The Loan_Application_Stepper will update, highlighting the "Financial Information" step and typically displaying the content associated with that step.

  • Example 3: Order Checkout Process

    • Scenario: In an e-commerce application, once a customer has reviewed their shopping cart and clicked "Proceed to Checkout", you want to move the checkout stepper from the "Cart Review" step to the "Shipping Address" step.
    • Inputs:
      • Stepper UI element: Checkout_Process_Stepper
    • Result: The Checkout_Process_Stepper will show the "Shipping Address" step as the current active step, prompting the user to enter their delivery details.