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.
Hey for the back button on the screen, what do your workflows look like? They should reference the custom state variable that is setup to control the entire progression through the experience. Remember it's a two-part setup though where you want to not only update that variable value in the workflows, but also have UI conditionals for each of your UI elements that show and hide according to value of the custom state variable. Hope that helps.
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 th-cam.com/video/inZNMmU4YfQ/w-d-xo.html. Hope that helps.
Great tutorial! Thank's!
Thanks 🎉
Thanks
How do you stop the form going to the next step when the required fields have not been filled?
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.
I've watched your video several times and I still can't get the back button to work. Is there a trick to get it work?
Hey for the back button on the screen, what do your workflows look like? They should reference the custom state variable that is setup to control the entire progression through the experience.
Remember it's a two-part setup though where you want to not only update that variable value in the workflows, but also have UI conditionals for each of your UI elements that show and hide according to value of the custom state variable. Hope that helps.
How does this work on mobile? Is this responsive?
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 th-cam.com/video/inZNMmU4YfQ/w-d-xo.html. Hope that helps.
@@NoCodeAcademy Thank you!