I have layouts within layouts, and it’s working exactly as desired. Of course, all panes have borders (colored according to the selected skin). However, the parent panes borders intersect/cross over the inter-pane spacing of the child panes. See screenshot clips below to see what this means visually, as well as what I’ve achieved by playing with the border style settings via JavaScript. I think you’ll agree that the "desired’ version is more visually appealing. My suggestion is that some layout properties be exposed that turn off borders for a pane, or even selected borders. E.g. layout.borderLeft true/false, layout.borderTop true/false … layout.border true/false (to affect all at the same time).
When you are using attachLayout to place layout in the some high level cell, code must remove unnecessary borders, to prevent problems similar to described one.
We will double-check current use-case, but it must work correctly in latest 2.5 version.
Thanks for your reply.
I may have not been entirely clear. I HAVE been able to achieve the desired outcome by removing the parent pane borders using JavaScript code. If one wishes to eliminate the borders entirely, then, using “border=none” does the trick.
However, if one wishes to remove only one particular border (in this case border-right for the left pane and border-left for the right pane), it would be convenient to be able to do this by referencing the layout object instead of walking the DOM to find the corresponding DOM objects.
Not a big deal…