Chat Overview

The Kendo UI Chat widget allows the user to participate in chat sessions with other users or with chat bots.

The Chat provides rich conversational experience that goes beyond the natural language understanding and personality of your chatbot. These features allow you to implement conversational UI in your applications by utilizing AI-powered frameworks that work with natural language processing either by following a predefined logical tree or for integrating P2P chat capabilities in the applications.

Figure 1: Structure of the Chat widget

Template of the MediaPlayer

Getting Started

Creating the Chat

  1. Add an empty div to the HTML.
  2. Provide it with an ID.
  3. (Optional) Set the width and height of the desired chat inline or by using CSS.
<div id="chat" style="width: 400px; height: 600px"></div>

Initializing the Chat

  1. Select the div with a jQuery selector.
  2. Call the kendoChat() function.
  3. Configure its implementation for the post event.
<div id="chat" style="width: 400px; height: 600px"></div>
    var chat = $("#chat").kendoChat({
        post: function (args) {
            // react on a user post action


See Also

For runnable examples on Kendo UI Chat, refer to the Kendo UI Demos site.

In this article
Not finding the help you need? Improve this article