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'
]
}
}
})