-
Examples' Gallery
In this page there are a bunch of examples, ideally ordered from the simpler to more complex ones, useful to start to know how FormWizard is controlled.
-
Getting Started
The first example will illustrate the simplest usage of formwizard: write a form and let the plugin do the best it can without any directive.
-
Applying simple scripts
We can script the different pages to obtain a clever wizard. Instead of resorting to validate content at the end of the filling process, we can check for ill formatted or missing values at the page flip.
-
Advanced (a bit) scripting
We can leverage on script to steer the process based on user input. In this example we will skip a page if the user state he is vegan. In the previous example, we have encontered an annoying FormWizard behaviour When an user enter the page in which he have to leave a message, he remain stuck until he don't fill the appropriate field. We have to ease the FormWizard check in order to let an user to go back and change some of the fields he filled before (in our case the email).
-
Using CSS to style the wizard
We can apply a custom skin to the wizard just by css styling. Maybe it is just an exercise of style but you can have an hint on what you can obtain by leveraging on your css skills.
-
Advanced CSS styling
The plugin apply some utility class to the container in order to give to the developer the chance to respond to a user action easily. Let see how it is done in this example.