activate

Fires when a new Step has been selected upon user interaction.

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 has been selected.

Example

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

<script>
    var stepper = $("#stepper").kendoStepper({
        steps: [{
            label: "Initial step"
        }, {
            label: "Second step"
        },{
            label: "Third step"
        }],
        activate: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log(e.step);
        }
    });
</script>