I am trying to create a 3 way horizontal SplitPanel, so that each splitter can be moved.
I have created two splitpanels, the second SP2 is the second component of the first SP1.
The first component of SP1 is a panel, as are the two components of P2.
The height of theSP2 seems to be an arbitary value, considerably less than the first. It cuts of the two panels it contains.
I have put setSizeFull everywhere, tried percentages and fixed values but with no success.
I can’t see any examples that do this, what am I doing wrong ?.
The whole outer panel is within a tab, if that makes any difference.
The first thing you should do if you are having layout related problems is add the “?debug” parameter to the URL to open the debug window. From there click “analyze layouts” and it will tell you if you have a layout (size) related problem.
Otherwise you need to provide more information about the problem, a good start would be the code snippet you are using to create the splitpanels.
With that help, I can see that components using relative heights (100%) need to be in a component that has a fixed height. I was using 100% in the spilt panel and component panels, and the enclosing tab.
Note that defined height and fixed height are not the same. Defined height means either fixed height OR relative height but with a parent that has defined height. In other words: when you use relative height (the same goes for width) the parent (or one of its parents) must have a fixed height OR the parent and all the components up to the content of the main window must have relative size.
In your case you probably have a component somewhere with undefined height, and this breaks the chain. What is usually overlooked is that Panels and Windows have a layout set by default. This default layout is not 100% high.