Nested HSplitPane

[Vincent Jousse]

Hi,

Hi would like to have an UI with two handles. One on the left and one
on the right. The content will be in the middle.

The left part should be at least 100px and the right at least 200px.
The middle should grow to fill all the available space, so that the
left handle is always at 100px, and the right handle at 200px.

Here is what I've done:

uki(
{ // create a split pane...
view: 'HSplitPane', rect: '1000 600', anchors: 'left top right
bottom',
handlePosition: 100, leftMin: 100, rightMin: 100,
// ...with button on the left
leftChildViews: { view: 'TextField', rect: '10 10 50 24', anchors:
'top left', value: '0', id: 'field1' } // ...and a vertical split
pane on the right...
,
rightChildViews: [
{ view: 'HSplitPane', rect: '1000 600', anchors: 'left top
right bottom',
handlePosition: 300, autogrowLeft: true, autogrowRight:
false, leftMin: 200, rightMin: 200,
// ...and a slider in the bottom
rightChildViews: { view: 'TextField', rect: '10 10 50 24',
anchors: 'top left', value: '0', id: 'field2' }
}
]
}).attachTo( window, '1000 600' );

But it does'nt behave correctly, any help?

And am I missing docs somewhere about all the available widgets and
the way they are working? I can't find anything ...