Example of Use Case in Javascript Chat UI Control

All Controls
/
Chat UI
/
Use Case

This example demonstrates how to design a chat application using the Chat UI control, with dynamic switching between users' messages. The Chat UI control is customized using various properties and includes a header toolbar for additional functionality.

More Details...

Chats
  • image Albert
    Okay, I'll try that. Thanks for the help!
  • image Bot
    Personal decor assistant
  • image Charlie
    Great! Let's finalize our plans this weekend.
  • image Laura
    10 AM works for me.
  • image New Dev Team
    User added
  • image Reena
    You: Hi, are you available ?
Albert
09/04/2025 08:49 PM
Hey, I'm having trouble with my computer. It keeps freezing.
Albert
09/04/2025 08:49 PM
Albert
Oh, that's annoying. Have you tried restarting it?
09/04/2025 08:49 PM
Yeah, I did, but it didn't help.
Albert
09/04/2025 08:49 PM
Albert
Sometimes, outdated software or malware can cause issues.
09/04/2025 08:49 PM
Okay, I'll try that. Thanks for the help!
Description

This example demonstrates how to use the Chat UI control to display chat messages for multiple users. The chat interface allows switching between users' conversations, with bot responses triggered by user input. A header toolbar is included, and a splitter layout displays the chat alongside a list view for easy navigation. The chat UI dynamically updates to reflect the selected user's conversation, providing an interactive experience with seamless switching between different chats. The responsive design ensures that the interface adapts to various screen sizes, making it user-friendly across devices.