Globalization

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

For more information on how globalization practices are implemented in KendoReact, refer to the overview article. For more information on the globalization aspects which are available for each component, refer to the article on globalization support.

Internationalization

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

For more information, refer to:

Messages

The Dialogs do not provide built-in translated messages.

Right-to-Left Support

The following example demonstrates how to utilize the RTL support for the Dialog and the Window.

import React from 'react';
import ReactDOM from 'react-dom';
import { Dialog, DialogActionsBar, Window } from '@progress/kendo-react-dialogs';

class App extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div dir="rtl" >
                <Dialog onClose={this.ToggleDialog}>
                    <p style={{ margin: "25px", textAlign: "center" }}>Are you sure you want continue?</p>
                    <DialogActionsBar>
                        <button className="k-button">No</button>
                        <button className="k-button">Yes</button>
                    </DialogActionsBar>
                </Dialog>
                <Window>RTL Window</Window>
            </div>
        );
    }
}
ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);
 /