Examples of DockLayoutPanel

• com.google.gwt.user.client.ui.DockLayoutPanel
  A panel that lays its child widgets out "docked" at its outer edges, and allows its last widget to take up the remaining space in its center.

  This widget will only work in standards mode, which requires that the HTML page in which it is run have an explicit <!DOCTYPE> declaration.

  Example

  {@example com.google.gwt.examples.DockLayoutPanelExample}

  Use in UiBinder Templates

  DockLayoutPanel elements in {@link com.google.gwt.uibinder.client.UiBinder UiBinder} templateslay out their children in elements tagged with the cardinal directions, and center:

  <g:center>

  <g:north>

  <g:south>

  <g:west>

  <g:east>

  Each child can hold only widget, and there can be only one <g:center>. However, there can be any number of the directional children.

  (Note that the tags of the child elements are not capitalized. This is meant to signal that they are not runtime objects, and so cannot have a ui:field attribute.)

  For example:

   <g:DockLayoutPanel unit='EM'> <g:north size='5'> <g:Label>Top</g:Label> </g:north> <g:center> <g:Label>Body</g:Label> </g:center> <g:west size='192'> <g:HTML> <ul> <li>Sidebar</li> <li>Sidebar</li> <li>Sidebar</li> </ul> </g:HTML> </g:west> </g:DockLayoutPanel> 

Examples of com.google.gwt.user.client.ui.DockLayoutPanel