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

Messages

configuration

Provides configuration options for the messages present in the Wizard widget.

messages

Object

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

<script>
    $("#wizard").kendoWizard({
        messages: {
            done: "Custom done",
            next: "Custom next",
            of: "Custom of",
            previous: "Custom previous",
            reset: "Custom reset",
            step: "Custom step"
        },
        steps: ["Initial step", "Second step", "Third step"]
    });
</script>

messages.done

String

Specifies text to be rendered in the "Done" button on the final step.

Default: "Done"

<div id="wizard"></div>
<script>
$("#wizard").kendoWizard({
    steps: [
        { title: "Initial step" },
        { title: "Second step" },
        { title: "Final step" }
    ],
    messages: {
        done: "Complete"
    }
});
</script>

messages.next

String

Specifies text to be rendered in the "Next" button on each step.

Default: "Next"

<div id="wizard"></div>
<script>
$("#wizard").kendoWizard({
    steps: [
        { title: "Initial step" },
        { title: "Second step" },
        { title: "Final step" }
    ],
    messages: {
        next: "Continue"
    }
});
</script>

messages.of

String

Specifies text to be rendered in the Pager element.

Default: "of"

<div id="wizard"></div>
<script>
$("#wizard").kendoWizard({
    steps: [
        { title: "Initial step" },
        { title: "Second step" },
        { title: "Final step" }
    ],
    messages: {
        of: "out of"
    }
});
</script>

messages.previous

String

Specifies text to be rendered in the "Previous" button on each step.

Default: "Previous"

<div id="wizard"></div>
<script>
$("#wizard").kendoWizard({
    steps: [
        { title: "Initial step" },
        { title: "Second step" },
        { title: "Final step" }
    ],
    messages: {
        previous: "Back"
    }
});
</script>

messages.reset

String

Specifies text to be rendered in the "Reset" button on each step.

Default: "Reset"

<div id="wizard"></div>
<script>
$("#wizard").kendoWizard({
    steps: [
        { title: "Initial step" },
        { title: "Second step" },
        { title: "Final step" }
    ],
    messages: {
        reset: "Clear All"
    }
});
</script>

messages.step

String

Specifies text to be rendered in the Pager element.

Default: "Step"

<div id="wizard"></div>
<script>
$("#wizard").kendoWizard({
    steps: [
        { title: "Initial step" },
        { title: "Second step" },
        { title: "Final step" }
    ],
    messages: {
        step: "Phase"
    }
});
</script>