Chat HtmlHelper Overview

The Telerik UI Chat HtmlHelper for ASP.NET Core is a server-side wrapper for the Kendo UI Chat widget.

The Chat allows the user to participate in chat sessions with other users or with chat bots. It provides support for default cards and actions, and enables the configuration of custom templates and custom components.

• Demo page for the Chat

Initializing the Chat

The following example demonstrates how to define the Chat by using the Chat HtmlHelper.

@(Html.Kendo().Chat()
    // The name of the Chat is mandatory.
    // It specifies the "id" and the "name" attributes of the widget.
    .Name("chat")
)

Basic Configuration

The following example demonstrates the available configuration options supported by the Chat HtmlHelper.

    @(Html.Kendo().Chat()
        .Name("chat")
        // The user configuration of the Chat.
        .User(u => u
            .Name("ChatBot Name")
            .IconUrl("https://demos.telerik.com/kendo-ui/content/chat/avatar.png")
        )
        // Attach the event handlers.
        .Events(e => e
            .Post("onPost")
            .ActionClick("onActionClick")
            .SendMessage("onSendMessage")
            .TypingStart("onTypingStart")
            .TypingEnd("onTypingEnd")
        )
        // Configure the placeholder message.
        .Messages(m => m
            .Placeholder("Type your message")
        )
    )

Functionality and Features

The Chat provides an option for creating a Peer-to-Peer Chat application by using SignalR.

See Also

• Basic Usage of the Chat HtmlHelper for ASP.NET Core (Demo)
• API Reference of the Chat HtmlHelper for ASP.NET Core