jQuery Chat Travel

Loading Demo...

Also available for:



The Kendo UI for jQuery Chat component allows for integration with any bot framework, due to its simplicity, flexible API, and customizable templates.

This demo demonstrates how to connect the Chat component to a chatbot created in Microsoft's Bot Framework by using the DirectLineJS client library. The sample shows out-of-the-box features of the Chat widget, such as the hero cards and suggested actions as well as the ability to define custom components, which let you use javascript to render any content. In this particular case, we use the AdaptiveCards client API to render the adaptive cards returned by the service.

The Kendo UI for jQuery Chat control is part of Kendo UI for jQuery, a comprehensive, professional-grade UI library for building modern and feature-rich applications. The Kendo UI for jQuery collection provides 110+ UI components, an abundance of data-visualization gadgets, client-side data source, and a built-in MVVM (Model-View-ViewModel) library.

This Chat example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Kendo UI for jQuery Dojo or ThemeBuilder.

Functionality and Features

  • Items–The Chat component supports predefined and customizable items.
  • Toolbar–You can customize the tools displayed in the Chat`s toolbar.

Support & Learning Resources

Additional Resources