Search results

Globalization

Localization

The Localization library allows you to localize default text content of the Slider. The slider component has static text on some features (like increase and decrease button) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the locale value and translation object.

The following list of properties and its values are used in the slider.

Locale keywords Text
Increase Increase
Decrease Decrease

Loading translations

To load translation object in an application, use load function of the L10n class.

The following example demonstrates the Slider in Deutsch culture.

Source
Preview
index.js
ej.base.L10n.load({
    'de-DE': {
        'slider': {
            incrementTitle: 'Erhöhen, ansteigen', decrementTitle: 'verringern'
        }
    }
});
// Initialize range Slider component
var rangeObj = new ej.inputs.Slider({
    value: [30, 70],
    type: 'Range',
    locale: 'de-DE',
    showButtons: true
});
rangeObj.appendTo('#slider');

See Also