UI

GWT user interface classes are similar to those in existing UI frameworks such as Swing and SWT except that the widgets are rendered using dynamically-created HTML rather than pixel-oriented graphics.

In traditional JavaScript programming, dynamic user interface creation is done by manipulating the browser's DOM. While GWT provides access to the browser's DOM directly using the DOM package , it is far easier to use classes from the Widget hierarchy. The Widget classes make it easier to quickly build interfaces that will work correctly on all browsers.

1. Cross-Browser Support — Use widgets and composites for cross-browser compatibility
2. Layout Using Panels — Explore the various panels available for layout
3. Widgets — Create user controls with widgets
4. Creating Custom Widgets — Create new widgets, composite widgets, or native JavaScript widgets
5. Cell Widgets ^{New 2.1} — Work with widgets, panels, the DOM, events, CSS, declarative UI and images.
6. Editors ^{New 2.1} — Allows data stored in an object graph to be mapped onto a graph of Editors.
7. Working with the DOM — When necessary, manipulate the browser's DOM directly
8. Events and Handlers — Handle events published by widgets
9. Working with CSS — Style widgets with cascading style sheets
10. Declarative UI with UiBinder — Build widget and DOM structures from XML markup
11. Bundling Image Resources — Optimize image loading by reducing the number of HTTP requests for images