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.
Initializing the Chat
To create the Chat:
- Add an empty
div
to the HTML. - Provide it with an ID.
- (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:
- Select the
div
with a jQuery selector. - Call the
kendoChat()
function. - 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