Getting started with GXT 3.x.

This tutorial is most relevant for GXT 3.x.

Getting started with an IDE

Choose the IDE and configuration style to get started with below.

Eclipse

IntelliJ IDEA

Getting started general configuration

Setting up GXT in general requires the library to be in the build path and configuring the GWT XML module.

Build path configuration

Jar configuration

Maven configuration

GWT XML module configuration

Configure the GWT project to inherit the GXT module.

  1. Insert the GXT module into the project GWT XML module.

      <!-- Other module inherits -->
      <inherits name='com.sencha.gxt.ui.GXT' />
    
  2. Remove the built in style named Clean as it is not supported. The other styles Standard, Chrome and Dark will not conflict with GXT.

     <!-- <inherits name='com.google.gwt.user.theme.clean.Clean'/> -->
    
  3. Insert the reset.css stylesheet into the project GWT XML module.

     <!-- GXT Stylesheet -->
     <stylesheet src="reset.css" />