search
top

Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)

If you would, for whatever reason, have a large webform all fields shoud be semantically divided into fieldsets. Each fieldset would clearly describe each group of fields. Although many examples on the web today look different, this is how it should be.

So, we can say that each group of fields represent a sub task of a larger task – filling the entire web form. Thus, each sub task can become a step with a description, input fields and navigation that is common for wizard forms – back and next.The entire process can be done in several simple steps.

This detailed tutorial will show you how to turn long webform into a wizard with “steps left” information. A plugin is also available for download.

 

FormToWizard plugin

FormToWizard plugin



Requirements: jQuery Framework
Tutorial: http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx
Demo: http://www.jankoatwarpspeed.com/examples/webform_to_wizard/
Download Plugin with Example: http://www.jankoatwarpspeed.com/file.axd?file=2009%2f9%2fFormToWizard.zip
License: License Free





Leave a Reply

top

Submit your linkClose

Link Title
(required)

Link URL
(required)

Your Email Address
(will not be published) (required)

Link Description (required)

(Maximum 200 characters.)

Are you human? (required)
2 + 2 =