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>
In this article
steps.form
Not finding the help you need?
Contact Support