Edit this page

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

Create the Chat

To create a 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="chart" style="width: 400px; height: 600px"></div>

Initialize the Chat

To render 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="chart" style="width: 400px; height: 600px"></div>
<script>
    var chat = $("#chat").kendoChat({
        post: function (args) {
            // react on a user post action
        }
    }).data("kendoChat");
</script>

Features

See Also

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

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy