!

Multi step form with custom UI elements

The easiest way to create a multi-step form is to use a slider with arrows converted to Next and Back buttons. Look in Custom code, there are several lines of code needed only for styling text fields and areas.

Clone
Step 1/3

Text fields

Date of birth
Step 2/3

Text area + simple radio button

Step 3/3

Custom radio buttons & checkboxes

Back
Next step

Done!

Now you can clone this project and reuse the form.
Clone
Oops! Something went wrong while submitting the form.

Note

All steps, except the last one, must not contain required fields!
Otherwise, the form will not be sent.

Created by Elena Laenko