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"
                  :width="180"
                  :title="'Hello Dialog'">
        {{dialogContent}}
        <kendo-dialog-action :text="'Push!'"></kendo-dialog-action>
        <kendo-dialog-action :text="'Push Now!'"
                             :primary="true"
                             :action="actionMethod">
        </kendo-dialog-action>
    </kendo-dialog>
</div>
Vue.use(DialogInstaller);

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

In this article