Stepper form in vFlow

Is it possible to have a stepper form in vFlow application?
If yes, how do we implement it?

5 Likes

@Nikhil.Dhanda can you please put some light on this.

3 Likes

Yes, It is possible

For the implemention of the Stepper component in vFlow follow the following steps-

  1. Create a Page.
  2. Create a Stepper and bind it in the Page.
    To create a stepper
    • Go to Components and click Add Component and select Stepper

* Fill these basic details, and fill the details in Properties section- 

Tab stepper direction-
–> Vertical
Select this value to display the stepper vertically aligned.
–> Horizontal
Select this value to display the stepper vertically aligned.

Stepper label position -
–> Top
If you select this value, the application displays the stepper’s label at the top of the stepper’s icon.
–> Bottom
If you select this value, the application displays the stepper’s label under the stepper’s icon.

  • Then click on Submit.
  1. After this go in element section of stepper and click Add stepper

  • Fill the stepper name and other basic details, after that bind Sub Page id you want to show under the stepper in Page Id dropdown, then click Submit and submit the component.

Your stepper is ready to use.

26 Likes

For reference screenshot is attached below-

27 Likes