RTL Support

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

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

<div id="vueapp" class="vue-app k-rtl">
    <kendo-listbox id="optional"
                   :draggable="true"
                   :connect-with="'selected'"
                   :drop-sources="['selected']"
                   :toolbar-tools="['moveUp', 'moveDown', 'transferTo', 'transferFrom', 'transferAllTo', 'transferAllFrom', 'remove']"
                   style="height:280px;">
        <option>Steven White</option>
        <option>Nancy King</option>
        <option>Nancy Davolio</option>
        <option>Robert Davolio</option>
        <option>Michael Leverling</option>
        <option>Andrew Callahan</option>
        <option>Michael Suyama</option>
    </kendo-listbox>
    <kendo-listbox id="selected"
                   :draggable="true"
                   :connect-with="'optional'"
                   :drop-sources="['optional']"
                   style="height:280px;">
    </kendo-listbox>
</div>
Vue.use(ListBoxInstaller);

new Vue({
    el: "#vueapp"
})

In this article