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

NoDataTemplate

configuration

A custom template function for rendering an empty state when the chat has no messages. When set, the template output is displayed in place of the empty message list area, providing a visual cue that the conversation has not started yet.

noDataTemplate

Function

Default: null

<div id="chat"></div>
<script>
$("#chat").kendoChat({
    noDataTemplate: function() {
        return '<div style="text-align:center;padding:40px;color:#999;">' +
               '<p style="font-size:18px;">No messages yet</p>' +
               '<p>Start a conversation by typing below</p>' +
               '</div>';
    },
    authorId: "user1",
    dataSource: { data: [] }
});
</script>