Problem with split layout and Grid
I have a nested layout (west, center1=(north, center2, south), east ). This is working great. Now I wanted to split the main center panel into a north panel and a center panel. The north panel should contain a Grid while the new center panel should have the preview content of the selected item.
So the new layout is (west, center1=(north1, center2=(north2=(grid), center3), south), east ). The user should be able to resize the grid/preview horizantally with the other element taking the remaing size.
This works so far but on the first page load the most inner center (center3) takes all the space so that north2 (and thereby the grid) have not space. I can resize north2 to split the space between north2/center3 and everything is fine. Successive page loads look like I want them to be (as the CookieStore remembered my size settings).
Setting the 'height' of either center3, north2 or the Grid doesn't seem to help. What am I doing wrong?
HTML: