Rendering Panes
Pane components, as mentioned in the various application framework tutorials, are components that automatically expand to occupy a region. As such, a pane component may only be added as a child of a parent component that defines a specific region for it to occupy. Such parent components that may contain panes are known as pane containers. In the Java implementation of Echo3, any such component must implement the PaneContainer marker interface.
When creating a renderer for a pane component, it should be made to fill all available area inside of its parent DOM element. This is generally done by setting the CSS position attribute to absolute and setting the top, left, bottom, and right CSS attributes to . IE6 can be made to support such four-side positioning using the CoreJS VirtualPosition API.
When creating a renderer for a pane-containing component, the DOM elements which will contain child panes must define a horizontally and vertically dimensioned space for the child pane to occupy. That is, the component must specify CSS positioning (some combination of top, left, bottom, right, width, and/or height attributes) on each DOM element that will be containing a pane.