Step by Step Form inspired by DevTips

Hey All,

Just started following the YouTube channel DevTips, saw this cool Step by Step Form and wanted to re-create it in Webflow, it’s clonable and fully functioning if anyone is interested :smiley:

Get it here: https://webflow.com/website/Step-By-Step-Form?s=step-by-step-form

View it here: http://step-by-step-form.webflow.io/

Aaron

7 Likes

Nice one, thanks for putting this together.

You’re welcome @RoseWebStudio :slight_smile:

Great approach. Thanks. :thumbsup:
By using the form wrapper and interactions we could do just about anything.
Why haven’t we thought of that before? :smile:

2 Likes

Thank you a lot for sharing this @Aaron :slight_smile:
Just a shame the animation isn’t optimized for small devices yet.
Thank you and take care !
Blaise

Cool animation!

I did something similar a little while ago.

Have thought about how form validation would work? It’s something I have struggles with. It would need some custome coding.

Nice work!

And good to see you here again @Aaron :smiley:

Yeah I ran in to the validation issue too. I’m thinking it would need something custom :confused:

1 Like

Hey man, thanks! It has been a while, finally making time for it! :smiley:

whaaaa!!! thats so cool! great job

This is great! Does it work with required fields?

Thank @PixelGeek :smile:

1 Like

No sadly not, was wrestling with how to make that work!

That’s awesome, thanks for sharing cool stuff!

1 Like