How do I use SplitLayoutPanel with UIBinder?

Question

How do I use SplitLayoutPanel with UIBinder? I've tried so many different things but none of them work properly.

Answer 1

You'll find that SplitLayoutPanel works just like DockLayoutPanel. (SplitLayoutPanel is a subclass of DockLayoutPanel.) You may have already read about this in the Developer's Guide section on Layout Panels.

Often, the UiBinder documentation for a class is actually given in the docs for its superclass. Take a look at the documentation for DockLayoutPanel and see if it works for you.

Answer 2

The "Moving to Standards Mode" section of the Developer's Guide page on Layout using Panels says "SplitPanels are very unpredictable in standards mode, and you should almost invariably replace them with SplitLayoutPanel."

If that doesn't solve your issue, then please be more specific as to something that you've tried, what you expected to happen, and what happened instead.

Answer 3

Here is the sample code for SplitLayoutPanel,

<g:SplitLayoutPanel>
    <g:west size="200">
        <g:VerticalPanel />
    </g:west>
    <g:center>
        <g:VerticalPanel />
    </g:center>
    <g:south size="200">
        <g:VerticalPanel />
    </g:south>
    <g:north size="200">
        <g:VerticalPanel />
    </g:north>
</g:SplitLayoutPanel>

Thanks,

Gnik