Kendo UI for jQuery 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.

The Chat is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Download Free Trial

• Demo page for 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

• Items
• Toolbar
• Peer-to-Peer Chat with SignalR
• Chat Bot service integration
• Microsoft Bot Framework integration
• Google DialogFlow integration

See Also

• Basic Usage of the Chat (Demo)
• JavaScript API Reference of the Chat