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

Messages.states

configuration

Contains the display names for each state value shown in the step header badge.

<div id="toolcall"></div>
<script>
$("#toolcall").kendoToolCall({
    label: "run_task",
    state: "completed",
    messages: {
        states: {
            completed: "Done"
        }
    }
});
</script>

The display name for the "active" state.

Default: "Active"

<div id="toolcall"></div>
<script>
$("#toolcall").kendoToolCall({
    label: "run_task",
    messages: {
        states: { active: "Running" }
    }
});
</script>

The display name for the "awaitingApproval" state.

Default: "Awaiting Approval"

<div id="toolcall"></div>
<script>
$("#toolcall").kendoToolCall({
    label: "send_email",
    state: "awaitingApproval",
    messages: {
        states: { awaitingApproval: "Needs Confirmation" }
    }
});
</script>

The display name for the "completed" state.

Default: "Completed"

<div id="toolcall"></div>
<script>
$("#toolcall").kendoToolCall({
    label: "run_task",
    state: "completed",
    messages: {
        states: { completed: "Done" }
    }
});
</script>

The display name for the "error" state.

Default: "Error"

<div id="toolcall"></div>
<script>
$("#toolcall").kendoToolCall({
    label: "fetch_data",
    state: "error",
    messages: {
        states: { error: "Failed" }
    }
});
</script>