Question

Could you tell me how to split page on two parts using SplitLayoutPanel and UI builder. I want to have horizontal line to resize both panels.

I’ve tried

<g:SplitLayoutPanel ui:field="main">
    <g:north size="50" unit="PCT">
        ...
    </g:north>
    <g:south size="50" unit="PCT">
        ...
    </g:south>
</g:SplitLayoutPanel>

But I have two lines.

Answer 1

Try <g:center> for one of the two panels.

And specify unit in <g:SplitLayoutPanel unit="PCT"> not in each part (that force you to use the same unit for all parts).

---

If you use N and S, it will put N, S and a center using the remaining space (it doesn’t realize that 50% + 50% ocuppies all the available space).

If you use N and center, it will say: use 50% for North and the rest (50%) for center.