New to Kendo UI for Angular? Start a free 30-day trial

Message Box

The Chat enables you to change the component used to enter user messages. You can switch between TextBox and TextArea inputs.

Message Box Types

To change the message box area of the Chat, utilize the messageBoxType input. It supports values of type MessageBoxType, which are the strings textbox and textarea. By default the Chat uses a TextBox message box.

When a TextArea message box is being used, you could enter new lines by pressing enter + modifier key combinations. The modifier keys are Shift, command and Ctrl.

The following example demonstrates the two messageBox types in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Message Box Template

To implement a message box template and override the default message box of the Conversational UI, nest an <ng-template> tag with the ChatMessageBoxTemplateDirective directive inside the <kendo-chat> tag.

Keep in mind that when a message box template is used, the developer should handle sending the messages programmatically.

The following example demonstrates the message box template in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?