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

StatusField

configuration

Specifies the field name in the data source from which the message status will be read. The status describes the delivery state of the message (e.g. "Sending", "Sent", "Delivered", "Seen", "Failed"). See also messageStatusSettings.

statusField

String

Default: "status"

<div id="chat"></div>
<script>
let messagesData = [
    {
        id: 1,
        text: "Hello!",
        authorId: "user1",
        authorName: "John",
        timestamp: new Date(),
        deliveryState: "Seen"
    }
];

$("#chat").kendoChat({
    statusField: "deliveryState",
    dataSource: messagesData
});
</script>