All Components

RTL Support

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

If you use a Kendo UI LESS-based theme, register the kendo.rtl.[min].css file too.

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

<div id="vueapp" class="vue-app">
    <div class="k-rtl">
        <kendo-autocomplete :data-source="dataSourceArray"
                            :placeholder="'Select country...'"
                            :separator="', '"
                            :filter="'startswith'">
        </kendo-autocomplete>
    </div>
</div>
Vue.use(DropdownsInstaller);

new Vue({
    el: "#vueapp",
    data: function() {
        return {
            dataSourceArray: [
                'Albania',
                'Andorra',
                'Armenia',
                'Austria',
                'Azerbaijan',
                'Belarus',
                'Belgium',
                'Bosnia & Herzegovina',
                'Bulgaria',
                'Croatia',
                'Cyprus',
                'Czech Republic',
                'Denmark',
                'Estonia',
                'Finland',
                'France',
                'Georgia',
                'Germany',
                'Greece'
            ]
        }
    }
})
In this article