Multi step Xform (wizard)



We are using XForms on our Episerver 6 R2 CMS and we were looking to see it is was possible to create a Multi Step Form - like a Wizard where the user sees the first batch of questions and clicks NEXT to go to the next section of the form.

We were thinking of using Classes and JQuery to break the form but thinking it might be a head ache if there was missing validation - how would we display the missing fields and how would the user navigate around the form filling in all the missing fields. Also, it this was at all possible where would the JQuery sit?

The other issue is there are already many forms on the site already so we dont want to mess these up - it has to work as both a Multi and single step update.

I Hope this makes sense.

Please let me know your thoughts and please dont hesitate in saying that this isn't at all possible.

Many thanks


Sep 16, 2015 10:51

I did make something work once, just like you're leaning towards it was only using javascript and some classes on xform fields. It wasn't pretty and there was no data being saved between steps.

The new Episerver Forms that just came out has a built-in "steps" feature.

Feb 15, 2016 21:48

Upgrading to CMS 9 just to get the new Forms feature is probably not on the agenda :-)

If your editors have a requirement to be able to build new multi-step wizards themselves, I can (sort of) understand why you'd go with XForms. However, you'll be putting yourself through a world of pain. The times we've built multi-step forms in CMS6, we did them as page templates (not XForms), using either a system of populated placeholders that are shown/hidden depending on the current step, or using a standard ASP control like <asp:wizardstep

In our case, we had several integrations which had to execute and validate on and between form steps, so XForms wasn't the best choice. Then again, once the forms were built, editors couldn't easily change them. Bottom line, Xforms were never meant for multi-step forms - especially whenever integrations are involved. 

Feb 15, 2016 23:21

Benefits of upgrading should be repeated as often as possible :)

And why not also mention just going with Surveymonkey or similar. Not sure which ones can be embedded nicely if that's a requirement though.

Feb 16, 2016 9:32

Here's a really low-tech suggestion: In the first form (step1), setup the form to redirect to another page on submit (be sure to set the submit button text to "Next" or similar.)

On the second page, place your next form (step2) instead of a thankyou-message like you normally would. Repeat this chain of forms for however many steps you need, which for the user will seem like a wizard-type form.

Yes, you'll end up with a bunch of submitted forms data that you'd have to stitch together afterwards, so it's probably not the most practical approach, but it's an approach that doesn't require heavy customization :-) 

Edited, Feb 16, 2016 10:07
This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.