GWT Layout: "take the rest of the space."

Question

My existing layout is a stack of two sections - g: layers in a LayoutPanel. The top div should be as large as its contents. The bottom div should occupy the rest of the screen space without causing scrollbars to appear.

The contents of the top div may change, so the size of the top div may change.

My current solution is a callback that fires whenever the contents of the top div change. The containing LayoutPanel can then recalculate the size of the top div and explicitly set the attributes topand bottomsecond layer to take up the rest of the space. Is there a better way? Sort of,

<g:LayoutPanel>
    <g:layer top="0px" height="whatever you need, baby">
        <c:SomeWidget/>
    </g:layer>
    <g:layer top="the bottom of the first layer" bottom="0px">
        <c:Anotherwidget/>
    </g:layer>
</g:LayoutPanel>

Answer 1

, . , !

Answer 2

DockLayoutPanel?

<g:DockLayoutPanel unit='PX'>
  <north size="10" ui:field='northWidget'>
    <c:SomeWidget/>
  </north>
  <center>
    <c:Anotherwidget/>
  </center>
</g:DockLayoutPanel>

center . , setWidgetSize(northWidget, newSize); center .

Answer 3

I think the HeaderPanel is a standard widget for this. Perhaps this was added after a question was asked. We also missed it, and we had our own version.