Example of Default Functionalities in ASP.NET MVC Chat UI Control

Chat UI

Default Functionalities

This sample demonstrates the features of the Chat UI control, designed to simulate a real-time chat interface. It highlights customizable elements like headers, avatars, synchronized messaging update, and real-time typing indicators.

Albert

31/03/2025 11:10 PM

Hi there! How's it going?

31/03/2025 11:10 PM

Hey! I'm doing well, thanks. How about you?

Albert

31/03/2025 11:10 PM

Mostly the usual stuff. I did start a new hobby - painting!

Reena

31/03/2025 11:10 PM

Hi there! How's it going?

Reena

31/03/2025 11:10 PM

Hey! I'm doing well, thanks. How about you?

31/03/2025 11:10 PM

Mostly the usual stuff. I did start a new hobby - painting!

Awesome!
What kind of painting ?

In this example, two Chat UI web controls are used to represent users Albert and Reena, each with a unique header, avatar, and toolbar. Messages are instantly synchronized between the two users through the messageSend event, while typing indicators are shown in the other chat interface via the userTyping event, adding a more interactive feel. 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.