Modify the Font CSS in the Chat

Environment

Product Version 2019.3.1023
Product Chat for Progress® Kendo UI®

Description

How can I change the font of the messages and the placeholder in the Kendo UI Chat?

Solution

Use the following CSS class to modify the font in the placeholder and the messages:

.k-bubble, 
.k-message-box {
  font: italic bold 20px Georgia, serif;
}

Example

    <style>
        .k-bubble, 
        .k-message-box {
            font: italic bold 20px Georgia, serif;
        }
    </style>

    <div id="chat"></div>

    <script>
        $("#chat").kendoChat().data("kendoChat");
    </script>
In this article
Not finding the help you need? Improve this article