I am happy to report that I have been able to achieve some positive result with my new LayoutManager. In the process have understood a little better the relationship between the layout manager, the layout region and the content panel that was not very clear to me when I have started coding the first version (http://www.clipperz.com/files/example/layout/index.html)
An example of the new version in action is here:
The page consist of an outer-most BorderLayout (with a north, center and south regions).
The first panel of the borderLayout's center region (labeled "records") is filled with the IBLayoutManager: in this inner layoutManager are configured 4 different regions.
The layout constraints for each region are expressed assigning values to the following properties:
top, right, bottom, left, width, height.
Possible values for these properties are:
- a constant value (expressed in pixels);
- '<name of another region>.<side> + <offset from the side>'
left:'directLinks.right + 4',
The region configured with these values will have a fixed width and height; will be stuck to the bottom, and its left side will be 4px offset from the right side of the 'directLinks' region.
I have been able to fit a grid in one of the regions. :-)
Hope you enjoy it. Any comment and/or suggestion is very welcome.
PS: if someone is able to put the top tabs ("records", "account", "data": they have a different look, but are "original" YUI-ext tabs!) aligned on the right side of the window tweaking only the CSS (obviously, without breaking anything else :-) ) I will be very happy to know how you have done it.