This component should be based on the jQuery-based layout component.

review of the following jquery plugins:-

http://www.instantshift.com/2013/08/19/jquery-layout-and-ui-plugins/

A few contenders...will try some of these out first.

r52240: added new ace:layout component (first iteration)

Let's go with ace:borderLayout for the name and incorporate it into our Showcase sample app.

r52247: various fixes: added entry in resource-dependencies.xml; added custom css for proper functioning and aesthetics; added css to render headers at the top, contents in the middle taking all available height, and footers at the bottom of panes; added tlddoc descriptions for the component and attributes; changed gutter attribute for borderWidth; fix for rendering style attribute in the content container of the pane
r52247: updated ace:borderLayout shpwcase demo to reflect recent improvements

r52261: added custom 'close' and 'collapse' buttons, using fontawesome icons; added ajax support for the 'close' and 'toggle' events

r52262: added some styling improvements in the headers and footers that had been lost due to other necessary structural CSS

r52263: added default and hover state css classes to the resizer and toggler bars; added arrow icons on togglers when panes are closed and centered them; rendered labels of headers after the buttons, so that the buttons stay at the top if the labels are too long; disabled buttons for center pane which aren't applicable; added ajax behavior to the expand button; renamed collapsible attribute to toggleable to align with ace:panel naming; added support for custom event objects ToggleEvent and CloseEvent in ajax events; removed fullpage attribute since it's not necessary; added a client id to the headers for case when the header text changes; changed caret icons to the more common shape that is not enclosed in a square

r52285: added support for nesting layouts; added code to automatically resize child layouts when a parent layout is resized; added code to communicate collapsed state of a pane on toggle ajax requests; cleaned up CSS styles; added access to layout widget in javascript; addedheader and footer facets in pane meta; added aria role attributes to buttons; added effect attributes; modified selectors to prevent attaching behaviors to child layouts; added destroy function; added localization for close, collapse and expand buttons titles; finished properties tlddoc

r52291: fix to apply table layout styling only when the pane is not nesting another border layout, in order to avoid gaps in between panes; fixed issue with not being able to collapse a pane if it wasn't configured as closable as well; fix to display right border in center pane; fix to apply style attribute to the root container, since it was being overridden by the underlying widget

r52300: added ace:borderLayout Nesting demo

r49998: added QA test app

r52439: fixed way of registering component for onElementUpdate function

Missing Wiki docs for borderLayout, borderLayoutPane

Added wiki pages for ace:borderLayout and ace:borderLayoutPane.

r52516: fix to make ace:borderLayout load correctly when inside ace:tabSet

r52517: added client id to border layout panes for correct ajax functionality