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

AuthorIdField

configuration

Specifies the field name in the data source from which the message author's unique identifier will be read.

authorIdField

String

Default: "authorId"

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

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