Ajax Tutorial Top List - Roughian GWT by Examples

Roughian GWT by Examples

Abstract: Excellent example of using GWT widgets. Each widget is accomplished with live demo and code snippet

There are a number of ways of laying out your data in panels

FlowPanel
This panel lays out visual elements (images, buttons, other panels etc) in the order you add them, just like ordinary HTML elements with 'position:relative;.
AbsolutePanel
This panel lays out visual elements (images, buttons, other panels etc) in the order you add them, and then lets you position them absolutely, letting them overlap if you arrange them that way.
Use 'z'-order to specify the front-to-back order, default is for the last added to be on top
HorizontalPanel
This panel lays out elements in cells from left to right
VerticalPanel
This panel lays out elements in cells from top to bottom
HTMLPanel
In this panel, you add HTML and then you can attach other widgets to any of the HTML elements inside if you have given them an ID. For example, you could add a div and then add a label to it. Later, if required, you could remove the label and replace it with a button
DockPanel
A panel where you can add widgets to the north, south, east and west of the centre. Try it out on the DocPanel page.

Daily

Weekly

Monthly

Unique

Total

Unique

Total

Unique

Total

Average

3.1

3.7

14.6

58.1

70.7

Current

Jul 22

Jul 21

123

Jul 20

Jul 19

102

120

Jul 18

Jul 17

109

Jul 16

Jul 15

Highest

102

123

Roughian GWT by Examples