DockLayoutPanel messed up with UiBinder

[Simon]

My simple DockLayoutPanel test is all messed up: the south element
appears at the top of the page, the west and center elements don't
appear ...


<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui">
<g:DockLayoutPanel unit='EM'>
<g:north size='5'>
<g:Label>Top</g:Label>
</g:north>
<g:south size='2'>
<g:HTML>south</g:HTML>
</g:south>
<g:west size='10'>
<g:HTML>
west
</g:HTML>
</g:west>
<g:center>
<g:Label>Body</g:Label>
</g:center>
</g:DockLayoutPanel>
</ui:UiBinder>

And how it is inserted :

@Override
public void onModuleLoad() {
TestUiBinder testUI = new TestUiBinder();
RootPanel.get().add(testUI);
}

I guess I am missing something, but I can't figure what ...

[Thomas Broyer]

The part where it says you should use RootLayoutPanel instead of
RootPanel when using layout panels, or give your panel a fixed size
("Using a LayoutPanel without RootLayoutPanel" section):
http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html#Recipes

[Simon]

Thanks !

> ("Using a LayoutPanel without RootLayoutPanel" section):http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html#Re...