Show desktop alert with message in RadChat

Updated on Sep 15, 2025

Environment

Product

RadChat for WPF

Description

How to display alert, when a message is sent.

Solution

Handle the SendMessage event of the RadChat control, create a RadDesktopAlert and set its Content to a new MessageGroupViewModel. We are going to use the MessageGroup control to display the new message in the alert, however it can be replaced by a custom DataTemplate as well.

XAML

	<Grid xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
         xmlns:chat="clr-namespace:Telerik.Windows.Controls.ConversationalUI;assembly=Telerik.Windows.Controls.ConversationalUI" 
         x:Name="grid">
        <Grid.Resources>
            <DataTemplate x:Key="ChatTemplate">
                <chat:MessageGroup />
            </DataTemplate>
        </Grid.Resources>
        <telerik:RadChat x:Name="chat" SendMessage="chat_SendMessage" />
    </Grid>

C#

    private void chat_SendMessage(object sender, SendMessageEventArgs e)
    {
        RadDesktopAlertManager manager = new RadDesktopAlertManager(AlertScreenPosition.BottomRight, new Point(0, 0), 10);
        var chat = sender as RadChat;
        var viewmodel = new MessageGroupViewModel(e.Message.Author);
        viewmodel.Messages.Add((e.Message as IInlineMessage).InlineViewModel);
        
        var alert = new RadDesktopAlert
        {
            Header = chat.CurrentAuthor.Name,
            Content = viewmodel,
            ContentTemplate = this.grid.FindResource("ChatTemplate") as DataTemplate,
            ShowDuration = 5000,
        };

        manager.ShowAlert(alert);
    }

See Also

• RadChat