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

Resize

methods

Recalculates the dimensions of the underlying ProgressBar indicating the Stepper progress. Should be used when changing width/height of the widget element, its parent, or when removing a "display: none;" style from one of those elements. Should always be called if the Stepper is initialized in a hidden container right after the container was made visible.

resize

<nav id="stepper"></nav>

<script>
    var stepper = $("#stepper").kendoStepper({
        steps: [{
            label: "Initial step"
        }, {
            label: "Second step"
        },{
            label: "Third step"
        }]
    }).getKendoStepper();

    $("#stepper").width(500);
	stepper.resize();
</script>