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

Layout

Updated on Sep 8, 2026

The Wizard supports configuration of its layout.

By default the Wizard is rendered with a Stepper navigation in a horizontal orientation above the content of the Wizard. The layout could be configured via the contentPosition configuration property. The available options allow you also to display a vertical Stepper on the left or right side of the Wizard step content.

The following example demonstrates how to initialize a Wizard with a vertical Stepper, while the Wizard content is positioned to the left from the Stepper.

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

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

Layout

See Also