Roughian Examples Site Map - Examples Tutorials Widgets HowTos

GWT Panels - Summary


Panels Are Layout Widgets


Panels are widgets which can contain other widgets. As such, they are used for layout and only rarely have data associated with them directly - the DisclosurePanel for example, can have data in the header, and the TabPanel's tabs. Some are based on an HTML table element and some are based on a div. Here's a table of which are which.

Panel NameTypeExtendsLets you
AbsolutePanelDIVComplexPanelPosition widgets absolutely
CellPanelTABLEComplexPanel[Abstract] Subclass your own cell panels
ComplexPanel-Panel[Abstract] Subclass panels with more than one widget
DeckPanelDIVComplexPanelDisplay widgets - one visible at a time
DisclosurePanelTABLECompositeShow/hide a details pane
DockPanelTABLECellPanelAdd widgets N, S, E, W around a central cell
FlowPanelDIVComplexPanelAdd widgets as if to a normal DIV
FocusPanelDIVSimplePanelAdd focus to non-focusable widgets
FormPanelDIVSimplePanelSubmit a form to a server
FrameIFRAME-Add an IFRAME to the application
HorizontalPanelTABLECellPanelAdd a chain of cells horizontally
HorizontalSplitPanelDIVSplitPanelMove the border between two cells
HTMLPanelDIVAdd HTML, then access the elements that have IDs
Panel-Widget[Abstract] Base for all panels
ScrollPanelDIVSimplePanelStack child widgets, displaying contents of only one
StackPanelTABLESimplePanelAdd a vertical chain of widgets
SimplePanelDIVPanel[Abstract] One-widget panel
TabPanelTABLEVerticalPanelAdd virtual card-index dividers
VerticalPanelTABLECellPanelAdd a chain of cells vertically
VerticalSplitPanelDIVSplitPanelMove the border between two cells