Layout
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>