How to create a Wizard/Step 1-2-3 View?

Did somebody already do smth like 1-2-3? Maybe like a form where sections are splitted into three different parts. So the user isnt shocked about „how much“ he needs to enter for signup. Maybe like showing dynamically the section 2, after the section 1 and all its forms fields are filled out? And after section 2 form fields are filled out, it will head on to section 3 and show the last parts of the form?

Hi Freddy,
You can do this with a variable and a “next” button in each part of the form.
Each next button sets a different value in the variable(1, 2, 3) and different variable values show different sections of the form.
You can even apply nice fade animations to your form steps.

2 Likes

Do we have Wizard form component ?

Hello,
No, there’s no such a component available in Wappler but you can build it yourself.

Using HTML code?

You can show and hide different areas on your page, using a variable. Then with the prev/next button change the variable value - so the different areas will show/hide.