Globalization

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

Internationalization

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

For more information, refer to:

Messages

The Dialog does not provide built-in translated messages.

Right-to-Left Support

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

import React from 'react';
import ReactDOM from 'react-dom';
import { Dialog, DialogActionsBar } 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>
            </div>
        );
    }
}
ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

In this article