This is kind of a tricky one to describe in words. Here is a picture of my panel: Untitled.png
There is a container with a border layout to wrap the "Nav" panel to west and "Tab 1 Panel" to center. There is a button clicked ("Tab 1") and you can see that a button clicked has its width increased. My aim is to have this button show outside of the nav panel and over the tab 1 panel.
Hope this makes sense, Any help appreciated.
So you want the button width to increase when it is clicked, such that it overlaps the other region?
There are probably a number of CSS hacks to get this to work but my first thought is that perhaps you could make the buttons floating and position them manually in the navigation region so that they look like normal children even though they aren't. You can then just set the width and it should automatically sit above your main region.