- Launch Theme Builder
- Blue Opal
- Bootstrap v3
- High Contrast
- Material Black
- Metro Black
- Office 365
Also available for:API REFERENCE
The Wizard component is part of Kendo UI for jQuery, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
The Kendo UI for jQuery Wizard lets you easily create multi-step processes and guide step-by-step users in applications.
In this demo, you can see the implementation of a simple registration process using the Wizard widget, that requests user input in detail in three steps: Registration Info, Personal, and Payment Details. Breaking up a process into stages will simplify user input tasks so that they will need to manage just one form at a time. At each step, you have a pre-configured built-in validation of the input data and a progress indicator showing the number of steps left towards achieving their final goal for the process.
Key Features of Wizard component:
- Built-in Validation (If configured)
- Integration with the Form component
- Loading content using AJAX
- Configuring the position of the component's stepper
The Wizard widget can be initialized both from a form and div DOM elements. When initialized from a form element, if the Wizard configuration contains form definitions, the forms inside the widget will be initialized from a div DOM element. In this scenario, the ‘novalidate’ attribute should be added to the form element from which the Wizard is initialized.
< form id="wizard" novalidate> < /form>
The ‘novalidate’ attribute is needed to prevent the duplication of the built-in form validation and the default browser validation. If a form inside the Wizard is not validated using the component’s configuration, there is no need to add the ‘novalidate’ attribute.