Globalization

The globalization process combines the translation of component messages with adapting them to specific locales.

The following example demonstrates how to show the value as a culture-specific currency in the available Inputs components and how to localize their built-in messages.

Example
View Source
Change Theme:

Internationalization

The internationalization process applies specific culture formats to a web application.

For more information, refer to:

Messages

The Inputs support the localization of their messages by utilizing the KendoVue Internationalization package.

The following table lists the built-in message keys and their default values.

Message KeyDefault Value
numerictextbox.incrementIncrease value
numerictextbox.decrementDecrease value

Right-to-Left Support

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

{% meta height:250 %}

<div id="vueapp" class="vue-app">
    <div class="row example-wrapper" >
        <div class="col-12 col-md-6 example-col">
            <p>Input</p>
            <k-input :label="'First name'" dir="rtl"></k-input>
        </div>
        <div class="col-12 col-md-6 example-col">
            <p>NumericTextBox</p>
            <numerictextbox
                :default-value="123.45"
                :format="'c2'"
                dir="rtl"
            >
            </numerictextbox>
        </div>
    </div>
</div>
import { NumericTextBox, Input } from '@progress/kendo-vue-inputs';
Vue.component('k-input', Input);
Vue.component('numerictextbox', NumericTextBox);

new Vue({
    el: '#vueapp'
});

{% endmeta %}

In this article

Not finding the help you need?