Stepper Element Example Usage

Let's see an example where all steps are executed in a loop when the button is clicked.

1. Add Stepper Element:some text
   • Drag and drop the Stepper element from theElements panel.
2. Add Button:some text
   • Drag and drop the Button element from theElements panel.
3. Name the Stepper Steps:some text
   • Name the steps in the Stepper element you added as Step1, Step2, Step3 respectively.
4. Name the Button:some text
   • Click on the button you added and name the button as "Run ” from the Fixed Value field in the Properties panel.
5. Add Actions:some text
   • In the Properties panel that opens when you click onthe button,
   • Click+Add Action → OnClick → UI Control → Set Value Of.
   • In the action window that opens, select Step1 in the Select Box.
6. Add Other Steps:some text
   • Perform the same action for Step2 and Step3. To speed up the process, you can copy and paste by clicking on the ellipsis icon.
   • Update their contents to Step2 and Step3 respectively.
7. Make the Steps Cyclical:some text
   • Select Step1 in the last action to return to Step1 after all steps have been completed.
8. Run the App:some text
   • When you run the application, when you click on the button, the steps will run in a cyclical manner, one after the other.