Forums

Steps navigation in multiform

remix 20 Feb, 2018
Hi,

I can't find information on how to add a step navigation legend to a multipage form in Chronoforms5

Could you give me some directions on how to accomplish this?
Thanks
GreyHead 20 Feb, 2018
Hi Remix,

One simple way to do that is to use the Progress Bar widget from the Widgets element group. Does that do enough for you?

Bob
remix 21 Feb, 2018
Hi GreyHead,

thanks for your quick reply and suggestion

About the progress bar I am not sure it could allow the users to navigate back and forward through the steps

What I'd need is a kind a legend on top of the form where the steps are visible and clickable:

Step1 =====> Step2 ========> Step3 =======> Step4

Hope it makes sense

Thanks again
GreyHead 21 Feb, 2018
Hi remix,

YOu can set this up with tabs (or sliders) - see this old CFV4 FAQ for the basics.

Personally I'd probably make this a multi-page form and add a header in each page that looks like a row of tabs - you can make the tabs submit buttons to allow the user to submit the current page and move to another one. Doing it this was allows you to validate and save the data from each page as it is submitted and avoids having to handle messy validation problem with errors on different tabs.

Bob
remix 21 Feb, 2018
Thanks GrayHead,

I'm going to explore the tabs way based on the FAQ you've suggested

Just to be clear, when you say that you'd make a multi-page form are you referring to the Utilities - Multi Page option (the one I have setup) or to something different?

Cheers
GreyHead 21 Feb, 2018
Hi remix,

Yes I am - the difference is that a multi-page form loads one page at a time in the browser while a true tabbed from loads the whole form but only displays part of it.

Bob
This topic is locked and no more replies can be posted.

VPS & Email Hosting 20% discount
hostinger