Getting Started with WinUI Chat

This topic will guide you through the process of creating a sample application containing RadChat.

Prerequisites

Before adding the Badge, you need to:

Set up your WinUI project.
Create your Telerik UI for WinUI application and install the Telerik UI for WinUI components depending on the required installation approach:

Add the Assembly References

To use the RadChat component, add references to Telerik.WinUI.Controls.dll and Telerik.Licensing.Runtime.dll.

Define the Component

To use the control, create a new RadChat instance.

Defining RadChat

Empty RadChat

Empty RadChat

Adding Authors to RadChat

Two authors will be defined for the following example. Note, that the CurrentAuthor property of RadChat must be set.

Adding Authors to RadChat

public partial class MainWindow : Window 
{ 
    private Author currentAuthor; 
    private Author otherAuthor; 
 
    public MainWindow() 
    { 
        InitializeComponent(); 
 
        currentAuthor = new Author("Peter"); 
        otherAuthor = new Author("Steven"); 
        this.chat.CurrentAuthor = currentAuthor; 
    } 
}

Handling the Sent Message

The user's input can be handled by hooking up to the SendMessage event of RadChat. The event arguments are of the type of SendMessageEventArgs.

Subscribing to the SendMessage event

SendMessage event handler

private void RadChat_SendMessage(object sender, SendMessageEventArgs e) 
{ 
    // We will handle the event in order to add a new message manually 
    e.Handled = true; 
 
    var updatedMessageText = "[Updated from event handler] " + (e.Message as TextMessage).Text; 
    this.chat.AddMessage(this.chat.CurrentAuthor, updatedMessageText); 
}

RadChat with a message added using the SendMessage event

RadChat with a message added using the SendMessage event

Getting Started with WinUI Chat

Prerequisites

Add the Assembly References

Define the Component

Defining RadChat

Adding Authors to RadChat

Adding Authors to RadChat

Handling the Sent Message

Subscribing to the SendMessage event

SendMessage event handler

Telerik UI for WinUI Learning Resources

Getting Started

Community