Razor Page
This article describes how to configure the Telerik UI Chat component for ASP.NET Core in a RazorPage scenario.
For the full project with RazorPages examples, visit our GitHub repository.
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
@Html.AntiForgeryToken()
@(Html.Kendo().Chat()
.Name("chat")
.Toolbar(toolbar =>
{
toolbar.Toggleable(Model.Toggable);
toolbar.Scrollable(Model.Scrollable);
toolbar.Buttons(buttons =>
{
buttons.Add().Name("Bold").IconClass("k-icon k-i-bold");
buttons.Add().Name("Italic").IconClass("k-icon k-i-italic");
buttons.Add().Name("Underline").IconClass("k-icon k-i-underline");
});
})
.Messages(messages =>
{
messages.Placeholder(Model.Placeholder);
messages.SendButton(Model.SendButton);
})
)
public bool Toggable { get; set; }
public bool Scrollable { get; set; }
public string Placeholder { get; set; }
public string SendButton { get; set; }
public void OnGet()
{
Toggable = true;
Scrollable = true;
Placeholder = "Custom placeholder";
SendButton = "Custom send button message";
}