New to Kendo UI for jQuery? Start a free 30-day trial

Stepper

configuration

Provides configuration options for the Stepper instance of the Wizard widget.

stepper

Object

<div id="wizard"></div>
<script>
$("#wizard").kendoWizard({
    steps: [
        { title: "Initial step" },
        { title: "Second step" },
        { title: "Final step" }
    ],
    stepper: {
        indicator: false,
        linear: false
    }
});
</script>

stepper.indicator

Boolean

Specifies whether the Stepper instance will display the indicators of its steps.

Default: true

<div id="wizard"></div>

<script>
    $("#wizard").kendoWizard({
        stepper: {
            indicator: false
        },
        steps: ["Initial step", "Second step", "Third step"]
    });
</script>

stepper.label

Boolean

Specifies whether the Stepper instance will display the labels of its steps.

Default: true

<div id="wizard"></div>

<script>
    $("#wizard").kendoWizard({
        stepper: {
            label: false
        },
        steps: ["Initial step", "Second step", "Third step"]
    });
</script>

stepper.linear

Boolean

Specifies whether the Stepper will allow non-linear navigation (selection of steps which are not immediately next to the current step).

Default: true

<div id="wizard"></div>

<script>
    $("#wizard").kendoWizard({
        stepper: {
            linear: false
        },
        steps: ["Initial step", "Second step", "Third step"]
    });
</script>