Introduction
Contribution
Knowledge Base
Chat

dirString(default: "ltr")

Specifies the text direction of the Chat. Supported values are "ltr" (left-to-right) and "rtl" (right-to-left).

Example 

<div id="chat"></div>
<script>
let messagesData = [
    {
        id: 1,
        text: "مرحبا! هذا مثال على النص العربي في اتجاه من اليمين إلى اليسار",
        authorId: "user1",
        authorName: "أحمد",
        authorImageUrl: "https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",
        timestamp: new Date(2026, 0, 1, 9, 0)
    },
    {
        id: 2,
        text: "شكرا لك! هذا يظهر كيف يعمل النص في الاتجاه الصحيح",
        authorId: "user2",
        authorName: "فاطمة",
        authorImageUrl: "https://demos.telerik.com/kendo-ui/content/web/Customers/LONEP.jpg",
        timestamp: new Date(2026, 0, 1, 9, 5)
    }
];

$("#chat").kendoChat({
    dir: "rtl",
    authorId: "user1",
    dataSource: messagesData
});
</script>
In this article
dir
Not finding the help you need?
Contact Support