Hi all,
I'm new to gwt layouts and I don't figure out how to realize the
following layout:

The layout panel is composed of a top toolbar and a tabpanel

The toolbar height is not hardcoded (it is sized by its content)
The tabpanel (under the toolbar) take all the free space left by the
top toolbar.

Something like that, where the tabpanel appears exactly after the
toolbar :
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent";>
<ui:UiBinder
  xmlns:ui='urn:ui:com.google.gwt.uibinder'
  xmlns:gwt='urn:import:com.google.gwt.user.client.ui'
>

        <gwt:LayoutPanel>
                 <gwt:layer>
                                
<gwt:HorizontalPanel><gwt:Button>Test</gwt:Button></
gwt:HorizontalPanel>
                </gwt:layer>
                 <gwt:layer>
                                <gwt:TabLayoutPanel barHeight="3" barUnit="EM">
                                  <gwt:tab>
                                    <gwt:header>Tab</gwt:header>
                                          <gwt:ScrollPanel>
                                                
<gwt:HTMLPanel>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/
>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/
>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/
>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/
>a<br/>a<br/>a<br/></gwt:HTMLPanel>
                                          </gwt:ScrollPanel>
                                        </gwt:tab>
                                </gwt:TabLayoutPanel>
                </gwt:layer>
        </gwt:LayoutPanel>
  </ui:UiBinder>

Thanks for your help !
Regards,
Julien

-- 
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to