contentPosition String (default: "bottom")

Indicates the position of the step content element according to the Stepper. WIth the default configuration ("bottom"), the Stepper will be horizontal and wil be rendered above the content. With the "left" configuration, the Stepper will be vertical and the step content will be rendered to the left from it. With the "right" configuration, the Stepper will be vertical and the step content will be rendered to the right from it.

Example

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

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