GWT Internationalization

Implementing GWT Internationalization

To implement GWT internationalization, follow the steps below in the same order as explained in this blog section.

Step1: Implement I18N: Here, mention every locale value you need to use and that application requires. You can achieve this by extending the locale value in the module’s XML file as shown below:

<module>  
<inherits name="com.google.gwt.i18n.I18N"/>  
<inherits name="com.google.gwt.user.User"/>  
<entry-point/>  
<extend-property name="locale" values="hi"/>  
<extend-property name="locale" values="fr"/>  
</module>  

Step 2: For every locale, create a .locale file: All resource bundles must differ in their locale-specific suffix but should have the same base name. The message lookup method takes the base name, current locale, and message key into account. Include the source package with all of the .properties files.

Now we will see some properties file.

We will create a locale that supports the french locale.

AppConstants_fr.properties contains the french locale, and its key-value pairs are shown 

Below:

username: Nom d'utilisateur  
password: Mot de passe  
login: connexion 

Now we will see the default locale in the AppConstrins.properties file as shown below:

username: Username  
password: Password  
login: Login  

Step 3: Here, we will create an interface corresponding to the properties file

• First, create an interface that extends GWT’s constraints interface.
• We can use resource bundles to bind that interface.
• Each method corresponds to a key in the interface.
• The base name of the interface and properties file must be exact.

public interface AppConstants extends Constants {  
  
String username();  
String password();  
String login();  
  
}  

Step 4: Setup the Entry Point Class

public void onModuleLoad() {  
// Getting the values from resource bundle through interface methods  
        Label username=new Label(constants.username());  
        Label passsword=new Label(constants.password());  
     PasswordTextBox pbox=new PasswordTextBox();          
     TextBox ubox=new TextBox();  
        Button button = new Button(constants.login());  
    }  

Code

public class LoginI18nDemo implements EntryPoint {  
public LoginI18nDemo () {}  
AppConstants constants=(AppConstants)GWT.create(AppConstants.class);  
public void onModuleLoad() {  
Label username=new Label(constants.username());  
Label passsword=new Label(constants.password());  
TextBox ubox=new TextBox();  
PasswordTextBox pbox=new PasswordTextBox();  
Button button = new Button(constants.login());  
Grid g=new Grid(3,2);  
g.setWidget(0,0,username);  
g.setWidget(0,1,ubox);  
g.setWidget(1, 0, passsword);  
g.setWidget(1,1,pbox);  
g.setWidget(2, 1, button);  
HorizontalPanel links=new HorizontalPanel();  
Anchor french=new Anchor("French",GWT.getHostPageBaseURL()+"?locale=fr");  
Anchor hindi=new Anchor("Hindi",GWT.getHostPageBaseURL()+"?locale=hi");  
links.add(french);  
links.add(hindi);  
links.setSpacing(5);  
RootPanel.get().add(g);  
RootPanel.get().add(links);  
    }  
}

Output

English - 

French -

Hindi -

Frequently Asked Questions

What is GWT?

Google Web Toolkit or GWT is a development toolkit used to build and optimize complex browser-based applications.

How is GWT useful concerning Web Applications?

With significant client-side work and little server-side chatter, highly responsive web apps can be developed with GWT.

What does GWT's Composite mean?

This widget is an example of a type of widget that can hide the methods of another widget it is wrapping. A composite functions precisely as if the widget it wraps had been added when it is introduced to a panel.

What does GWT's HTMLPanel do?

This widget shows an HTML-containing panel that allows child widgets to be attached to specific HTML components.

What does GWT's PopupPanel do?

This widget represents a panel that can appear over other widgets. It covers up any previously created popups and the browser's client area.

Conclusion

In this blog, we have discussed GWT's internationalization with its use and types. We have discussed all its types in detail, followed by the implementation of GWT internationalization with proper code and output.

You can refer to GWT's Developer Guide to learn more about GWT. The main ideas, resources, and libraries you'll use to create web applications with GWT are covered in this guide. You can also explore some more articles on GWT Grid, GWT StackLayoutPanel, GWT RootLayoutPanel, GWT MVP, and GWT Charts. You can visit Coding Ninjas Studio to get access to premium quality content like guided paths, Questions, and much more.

Nevertheless, you may consider our paid courses to give your career an edge over others.

Do upvote our blogs if you find them helpful and engaging!

Happy Learning!