Chat Overview

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

Chats provide support for default cards and actions, and enable the configuration of custom templates and custom components. They provide rich conversational experience that goes beyond the natural language understanding and personality of the 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.

Structure of the Chat

Initializing the Chat

To create 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>

To initialize 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>
<script>
    var chat = $("#chat").kendoChat({
        post: function (args) {
            // React on a user post action.
        }
    }).data("kendoChat");
</script>

Functionality and Features

See Also

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