How to Create a Multi Step Form - Bubble.io Tutorial

[@animacao3d]

Great tutorial! Thank's!

[@AlphaMotivate624]

Thanks 🎉

[@boxer1129]

How do you stop the form going to the next step when the required fields have not been filled?

[@NoCodeAcademy]

Hey good question -- without knowing your exact number or type of form fields, here's a general setup.
When Submit button is clicked, put a conditional on the workflow trigger of when field A is empty OR field B is empty (or C, D, etc) show something in the UI that says the user needs to provide more data.
And add a second workflow trigger for the same button of when field A is not empty AND field B is not empty (AND C, D, etc) then let the form submit and do the other related workflow actions. Hope that helps.

[@shantanukeshewad3339]

Thanks

[@mandagore4931]

How does this work on mobile? Is this responsive?

[@NoCodeAcademy]

Hi, you would simply build the interface to be responsive.
Meaning, you would add the conditionals to update layout values when the screen width is less than a certain amount.
This will change the layout configuration to however it is designed to be for mobile but this particular video's UI was not designed with mobile in mind.
For a responsive tutorial see ua-cam.com/video/inZNMmU4YfQ/v-deo.html. Hope that helps.

[@mandagore4931]

@@NoCodeAcademy Thank you!