steps.formObject
Defines the Form widget configuration, which will populate the Wizard step content.
Example
<div id="wizard"></div>
<script>
$("#wizard").kendoWizard({
steps: [
{
title: "Personal Information",
form: {
formData: {
firstName: "",
lastName: "",
email: ""
},
items: [
{ field: "firstName", label: "First Name:", validation: { required: true } },
{ field: "lastName", label: "Last Name:", validation: { required: true } },
{ field: "email", label: "Email:", validation: { required: true, email: true } }
]
}
},
{
title: "Contact Information",
form: {
formData: {
phone: "",
address: ""
},
items: [
{ field: "phone", label: "Phone:", validation: { required: true } },
{ field: "address", label: "Address:", validation: { required: true } }
]
}
}
]
});
</script>