Help with layout
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 google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
0 Comments:
Post a Comment
Subscribe to Post Comments [Atom]
<< Home