------------------------------------------------------------------------------- dojox.layout Experimental and Extended Layout Widgets ------------------------------------------------------------------------------- Version 1.0 Release date: 10/31/2007 ------------------------------------------------------------------------------- Project state: [BorderContainer] deprecated, use dijit.layout.BorderContainer [ContentPane] beta [DragPane] experimental [ExpandoPane] experimental [FloatingPane] sub-experimental [GridContainer] experimental [RadioGroup] experimental [RadioGroupFade/Slide] experimental [ResizeHandle] experimental [RotatorContainer] beta [ScrollPane] experimental [TableContainer] experimental ------------------------------------------------------------------------------- Credits [BorderContainer] Adam Peller (peller) [ContentPane] Fredrik Johansson (mumme) [DragPane] Peter Higgins (dante) [ExpandoPane] Peter Higgins (dante) [FloatingPane] Peter Higgins (dante) [GridContainer/GridContainerLite] Erwan Morvillez (emorvillez), Jeff Cunat (jfcunat), Guillaume Mouricou (gmouricou), Peter Higgins (dante) [RadioGroup/Fade/Slide] Peter Higgins (dante) [ResizeHandle] Peter Higgins (dante) [RotatorContainer] Chris Barber (cb1) [ScrollPane] Peter Higgins (dante), Shane O'Sullivan (sos) [TableContainer] Shane O'Sullivan (sos) ------------------------------------------------------------------------------- Project description placeholder for dijit.layout extensions. Currently only: dojo.layout.BorderContainer - deprecated, simple replacement at dijit.layout.BorderContainer dojox.layout.ContentPane - an extension on dijit ContentPane. Supports inline scripts, inline styles, relative path adjustments and having a table tag as domNode. dojox.layout.DragPane - an experimental start of a simple Dragable pane (drag larger content around inside of a sized pane) Does not support borderContainer LayoutContainer resizing yet. dojox.layout.ExpandoPane - Intended only as a child of BorderContainer, provides an experimental layout region (top/left/right/bottom) that collapses when toggled, hiding the layout children contained within. dojox.layout.FloatingPane - an extension on TitlePane for drag/drop operation, "docking" [minimize/maximize], and resizing. HIGHLY experimental. dojox.layout.GridContainer - displays children in a definable grid-layout, allowing children to optionally be repositioned with DnD dojox.layout.RadioGroup - a stack container with sliding or fading transitions (and an internal button set to mimic a tab container, but fires on hover) - RadioGroupFade - fade transitions - RadioGroupSlide - slide transitions dojox.layout.ResizeHandle - resize handle to attach to a domNode. works well on normal domNodes, but will require adding a resizeTo(w,h) method to any widget you wish to use it on. [experimental] dojox.layout.RotatorContainer - similar to a RadioGroup, but provides advanced button's and control. dojox.layout.ScrollPane - a dynamically scrolling pane. Adjusts naturally sized content to a "viewport" and scrolls based on relative mouse position. dojox.layout.TableContainer - A container widget that lays out child widgets using a Table element. It can create labels for each widget, placed either above or beside the widgets. ------------------------------------------------------------------------------- Dependencies require Dojo Core, Dojo Base (fx), and Dijit ------------------------------------------------------------------------------- Installation: checkout: http://svn.dojotoolkit.org/src/dojox/trunk/layout/ http://svn.dojotoolkit.org/src/dijit/trunk/ and require via: dojo.require("dojox.layout.FloatingPane"); or: dojo.require("dojox.layout.ContentPane"); etc ... Each component has a required CSS File with a similar name, contained within the /resources folder. Include that file in your page. For instance, if using the dojox.layout.ExpandoPane: ------------------------------------------------------------------------------- Basic Usage: