FormWizard: CSS skin.
Let's take the previous example. With minimal changes to the javascript code and html structure we will try to give him a new look.
We will wipe out the control area at the bottom and skin the buttons in order to mold them into the wizard frame.
The code
This time we will use quite the same code of the previous example. Even the html structure is the same. We will change just the css and set the property showControlCaptions to false to hide the uhm... caption of the controls.
new FormWizard('contactForm', {"createControlArea": true, "showControlCaptions": false }, { ... });
Press this button to see it at work:
You should also feel free to peruse the css used to style the wizard.