steps.buttons Array

Allows configuration of the buttons to be rendered on each step. If the array contains strings, those values will be taken as Buttons names. If the array contains objects, those will be used when initializing the actual Button instances on each step.

Example - buttons array of strings

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

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

Example - buttons array of objects

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

<script>
    $("#wizard").kendoWizard({
        steps: [{
            title: "Initial step",
            buttons: [{
                name: "next"
            }, {
                name: "custom",
                click: function() {
                    alert("Custom clicked");
                }
            }]
        },
        "Second step",
        "Third step"
        ]
    });
</script>
In this article