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