4. Example Use of Stepper Element in an Application

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

1. Add the Stepper element to the Canvas by drag and drop from the Elements panel.
2. Under the added Stepper element, select the button from the Elements panel and add it to Canvas by drag and drop.
3. In the added Step element, name the steps as Step1, Step2, Step3.
4. Then name the button as Run from the Fixed Value field in the Properties panel that opens when you click the button.
5. Then click the button. Add the action by clicking +Add Action → OnClick→ UI Control → Set Value Of in the Properties panel.
6. In the created action, select Step1 in the Selectbox.
   Since we did this for Step2 and Step3, copy and paste the selection by clicking on the ellipsis icon. Update its content as Step2 and Step1 to ensure that it repeats continuously and returns to the beginning.
7. Then, when you run the application, the steps will run consecutively.