116 lines
4.1 KiB
Text
116 lines
4.1 KiB
Text
|
-------------------------------------------------------------------------------
|
||
|
|
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
|
||
|
|
|
||
|
|
-------------------------------------------------------------------------------
|
||
|
|
Credits
|
||
|
|
|
||
|
|
[BorderContainer] Adam Peller (peller)
|
||
|
|
[ContentPane] Fredrik Johansson (mumme)
|
||
|
|
[DragPane] Peter Higgins (dante)
|
||
|
|
[ExpandoPane] Peter Higgins (dante)
|
||
|
|
[FloatingPane] Peter Higgins (dante)
|
||
|
|
[GridContainer] Juff Cunat (jfcunat), 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)
|
||
|
|
|
||
|
|
-------------------------------------------------------------------------------
|
||
|
|
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.
|
||
|
|
|
||
|
|
-------------------------------------------------------------------------------
|
||
|
|
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:
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="dojo-tree/dojox/layout/resources/ExpandoPane.css" />
|
||
|
|
|
||
|
|
-------------------------------------------------------------------------------
|
||
|
|
Basic Usage:
|
||
|
|
|
||
|
|
<div dojoType="dojox.layout.FloatingPane" title="my title">
|
||
|
|
Content To be Floated
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div dojoType="dojox.layout.ContentPane"
|
||
|
|
adjustPaths="true"
|
||
|
|
renderStyles="true"
|
||
|
|
executeScripts="true"
|
||
|
|
href="my/page/containing/scripts/and/styles/in/a/sub/folder.html"
|
||
|
|
>
|
||
|
|
Initial content, will be replace by href.
|
||
|
|
paths in folder.html will be adjusted to match this page
|
||
|
|
</div>
|