RTL Support

You can activate the right-to-left functionality by adding the k-rtl class to the container of the Dialog.

The following example demonstrates how to utilize the RTL support for the Dialog.

<div id="vueapp" class="vue-app k-rtl">
    <kendo-dialog :modal="false"
                  :title="'Hello Dialog'">
        <kendo-dialog-action :text="'Push!'"></kendo-dialog-action>
        <kendo-dialog-action :text="'Push Now!'"

new Vue({
    el: '#vueapp',
    data () {
      return {
        dialogContent: 'Some content'
    methods: {
      actionMethod (e) {
        console.log('You chose to Push Now!')

In this article