Delete a step
Function: Delete a step
This action allows you to remove a specific step from a Stepper UI element that you have placed on your application page. This is useful for dynamically adjusting multi-step processes, like forms or onboarding flows, based on user choices or business logic.
Input
- Stepper UI element: The visual Stepper component on your page from which you want to remove a step. This is a required input.
- Step code: The unique identifier or code of the specific step you wish to delete from the Stepper. This is a required input.
Output
This action does not produce a direct output value. Instead, it modifies the specified Stepper UI element on your page by removing the chosen step, which will be reflected visually to the user.
Execution Flow
Real-Life Examples
Here are some practical ways you can use the "Delete a step" action in your application:
-
Removing an optional step based on user preference:
- Scenario: You have an onboarding process with an optional "Personalize Experience" step. If a user chooses to skip personalization, you want to remove this step from the Stepper.
- Inputs:
- Stepper UI element:
OnboardingFlowStepper - Step code:
PersonalizeExperience
- Stepper UI element:
- Result: The "Personalize Experience" step is removed from the
OnboardingFlowStepperon the user's screen, streamlining their onboarding.
-
Dynamically adjusting a multi-stage form:
- Scenario: You have an application form with a "Payment Details" step. If the user selects a "Free Tier" option earlier in the form, the payment step becomes irrelevant and should be removed.
- Inputs:
- Stepper UI element:
ApplicationFormStepper - Step code:
PaymentDetails
- Stepper UI element:
- Result: The "Payment Details" step is automatically removed from the
ApplicationFormStepperwhen the user chooses the free tier, preventing unnecessary steps.
-
Streamlining a workflow based on business rules:
- Scenario: In an internal approval workflow, a "Legal Review" step is only required for high-value requests. For standard requests, this step should be skipped.
- Inputs:
- Stepper UI element:
ApprovalProcessStepper - Step code:
LegalReview
- Stepper UI element:
- Result: For standard requests, the "Legal Review" step is deleted from the
ApprovalProcessStepper, making the approval process faster and more efficient.