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 Layout components do not provide built-in translated messages.

Right-to-Left Support

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

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

         this.state = { tabSelected: 0 };
       }
       handleTabSelect = (e) => {
         this.setState({tabSelected: e.selected});
       }
       render() {
           return (
               <div class="example-wrapper container-fluid" dir="rtl">
                 <div class="row">
                   <div class="col-xs-12 col-sm-6 example-col">
                     <p>PanelBar</p>
                     <PanelBar dir="rtl">
                       <PanelBarItem title="Invasion Games">
                         <PanelBarItem title="Hockey"></PanelBarItem>
                         <PanelBarItem title="Soccer"></PanelBarItem>
                         <PanelBarItem title="Rugby"></PanelBarItem>
                       </PanelBarItem>
                       <PanelBarItem title="Net & Court Games" expanded="true">
                         <PanelBarItem title="Badminton"></PanelBarItem>
                         <PanelBarItem title="Squash"></PanelBarItem>
                         <PanelBarItem title="Tennis" selected={true}></PanelBarItem>
                         <PanelBarItem title="Table Tennis"></PanelBarItem>
                         <PanelBarItem title="Volleyball"></PanelBarItem>
                       </PanelBarItem>
                       <PanelBarItem title="Target Games">
                         <PanelBarItem title="Golf"></PanelBarItem>
                         <PanelBarItem title="Lawn bowls"></PanelBarItem>
                         <PanelBarItem title="Tenpin bowling"></PanelBarItem>
                       </PanelBarItem>
                     </PanelBar>
                   </div>
                   <div class="col-xs-12 col-sm-6 example-col">
                     <p>TabStrip</p>
                     <TabStrip dir="rtl" selected={this.state.tabSelected} onSelect={this.handleTabSelect}>
                         <TabStripTab title="Baseball">
                             <p>
                               Baseball is a bat-and-ball game played between two teams of nine players each, who take turns batting and fielding.
                             </p>
                             <p>
                               The batting team attempts to score runs by hitting a ball that is thrown by the pitcher with a bat swung by the batter, then running counter-clockwise around a series of four bases: first, second, third, and home plate. A run is scored when a player advances around the bases and returns to home plate.
                             </p>
                         </TabStripTab>
                         <TabStripTab title="Basketball">
                             <p>
                               Basketball is a sport that is played by two teams of five players on a rectangular court. The objective is to shoot a ball through a hoop 18 inches (46 cm) in diameter and mounted at a height of 10 feet (3.048 m) to backboards at each end of the court. The game was invented in 1891 by Dr. James Naismith, who would be the first basketball coach of the Kansas Jayhawks, one of the most successful programs in the game's history.
                             </p>
                         </TabStripTab>
                         <TabStripTab title="Football">
                             <p>
                               Football is a family of team sports that involve, to varying degrees, kicking a ball with the foot to score a goal. Unqualified, the word football is understood to refer to whichever form of football is the most popular in the regional context in which the word appears.
                             </p>
                         </TabStripTab>
                     </TabStrip>
                   </div>
                   <div class="col-xs-12 example-col">
                     <p>Menu</p>
                     <Menu>
                       <MenuItem text="Invasion Games">
                         <MenuItem text="Hockey" />
                         <MenuItem text="Soccer" />
                         <MenuItem text="Rugby" />
                       </MenuItem>
                       <MenuItem text="Net & Court Games">
                         <MenuItem text="Badminton" />
                         <MenuItem text="Squash" />
                         <MenuItem text="Tennis" />
                         <MenuItem text="Table Tennis" />
                         <MenuItem text="Volleyball" />
                       </MenuItem>
                       <MenuItem text="Target Games">
                         <MenuItem text="Golf" />
                         <MenuItem text="Lawn bowls" />
                         <MenuItem text="Tenpin bowling" />
                       </MenuItem>
                     </Menu>
                   </div>
                 </div>
               </div>
           )
       }
   }

ReactDOM.render(
   <App />,
   document.querySelector('my-app')
);

In this article