select

Fires when the user clicks on a Step to select it.

Event Data

e.originalEvent Object

The original DOM event.

e.sender kendo.ui.Stepper

The Stepper instance that triggered the event.

e.step kendo.stepper.Step

The Step instance that is about to be selected.

e.preventDefault Function

If invoked prevents the selection.

Example

<nav id="stepper" style="height:400px"></nav>

<script>
    var stepper = $("#stepper").kendoStepper({
        steps: [{
            label: "Initial step"
        }, {
            label: "Second step"
        },{
            label: "Third step"
        }],
        select: function(e) {
            // The Stepper will not allow user selection
            e.preventDefault();
        }
    });
</script>
In this article