Problem with Layouts not showing up as expected (SplitLayoutPanel/DockLayoutPanel ...)

[Nicolas]

The attached Eclipse Projects shows an example, the images the result I see.
The compiled webapp is also attached

There is a SplitLayoutPanel, a DockLayoutPanel and a DockPanel that should show up, when the corresponding button is pressed. They do, but except the DockPanel, they do not as expected:
The attached Screenshots show the Results from Chrome (the same in IE and Firefox) in development mode. But the same result is shown up when deployed as compiled webapp. However the designer shows up right.

DockLayoutPanel: Only North shows up, the rest is somwhat hidden.
SplitLayout: It renders over elements,.
DockPanel: OK, but is not what I want to use.

Has anyone any suggestions? Am I missing something?  I'm struggling over this by days now.

[Nicolas]

[Nicolas]

This is strange: If I use the  RootLayoutPanel.get().add(xxx) to add the Dock or SplitLayoutPanel, it works, but this is not what I want. I want to add it in an inner element, not the root.
Is this not possible? Should be possible to cascade Dock and SplitLayoutPanels too I guess? What am I doing wrong?

Any posts to the probllem are welcome

Kindest regards

Nicolas

[Patrick Tucker]

http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html