GWT UI Design

December 5, 2013 Maithilish

Part I. UI Design

Part I of the GWT Tutorial explains the GWT UI design aspects and covers client side coding. It starts with Installation of GWT, setting up of a GWT project and then goes on to explain a menu driven multi tabbed front end. In doing so, it covers the use of essential GWT Panels, widgets,custom widgets, and a simple but effective way of handling GWT Events, and using EventBus architecture introduced in GWT ™2.x, and the benefits of @UIFactory to create the widgets.
GWT Tutorial extensively uses UIBinder concept introduced in Google Web Toolkit 2.x for declarative definition the UI structure of the application. In Part 1 of the book, we go through GWT Panels/Layouts like DockLayoutPanel, SplitLayoutPanel, LayoutPanel, TabLayoutPanel, VerticalPanel, HorizontalPanel, ScrollPanel, SimplePanel,StackLayoutPanel, DisclosurePanel and CaptionPanel. UI design incorporates GWT Widgets like Composite, ResizeComposite, GWT Label, Anchor, DataGrid, CellTable, SuggestionBox and host of custom widgets.