root / trunk / web / dojo / dojox / layout / README @ 9
History | View | Annotate | Download (4.46 KB)
| 1 |
------------------------------------------------------------------------------- |
|---|---|
| 2 |
dojox.layout Experimental and Extended Layout Widgets |
| 3 |
------------------------------------------------------------------------------- |
| 4 |
Version 1.0 |
| 5 |
Release date: 10/31/2007 |
| 6 |
------------------------------------------------------------------------------- |
| 7 |
Project state: |
| 8 |
|
| 9 |
[BorderContainer] deprecated, use dijit.layout.BorderContainer |
| 10 |
[ContentPane] beta |
| 11 |
[DragPane] experimental |
| 12 |
[ExpandoPane] experimental |
| 13 |
[FloatingPane] sub-experimental |
| 14 |
[GridContainer] experimental |
| 15 |
[RadioGroup] experimental |
| 16 |
[RadioGroupFade/Slide] experimental |
| 17 |
[ResizeHandle] experimental |
| 18 |
[RotatorContainer] beta |
| 19 |
[ScrollPane] experimental |
| 20 |
[TableContainer] experimental |
| 21 |
|
| 22 |
------------------------------------------------------------------------------- |
| 23 |
Credits |
| 24 |
|
| 25 |
[BorderContainer] Adam Peller (peller) |
| 26 |
[ContentPane] Fredrik Johansson (mumme) |
| 27 |
[DragPane] Peter Higgins (dante) |
| 28 |
[ExpandoPane] Peter Higgins (dante) |
| 29 |
[FloatingPane] Peter Higgins (dante) |
| 30 |
[GridContainer/GridContainerLite] Erwan Morvillez (emorvillez), Jeff Cunat (jfcunat), Guillaume Mouricou (gmouricou), Peter Higgins (dante) |
| 31 |
[RadioGroup/Fade/Slide] Peter Higgins (dante) |
| 32 |
[ResizeHandle] Peter Higgins (dante) |
| 33 |
[RotatorContainer] Chris Barber (cb1) |
| 34 |
[ScrollPane] Peter Higgins (dante), Shane O'Sullivan (sos) |
| 35 |
[TableContainer] Shane O'Sullivan (sos) |
| 36 |
|
| 37 |
------------------------------------------------------------------------------- |
| 38 |
Project description |
| 39 |
|
| 40 |
placeholder for dijit.layout extensions. Currently only: |
| 41 |
|
| 42 |
dojo.layout.BorderContainer - deprecated, simple replacement at dijit.layout.BorderContainer |
| 43 |
|
| 44 |
dojox.layout.ContentPane - an extension on dijit ContentPane. |
| 45 |
Supports inline scripts, inline styles, relative path adjustments |
| 46 |
and having a table tag as domNode. |
| 47 |
|
| 48 |
dojox.layout.DragPane - an experimental start of a simple Dragable pane |
| 49 |
(drag larger content around inside of a sized pane) Does not support borderContainer |
| 50 |
LayoutContainer resizing yet. |
| 51 |
|
| 52 |
dojox.layout.ExpandoPane - Intended only as a child of BorderContainer, provides an |
| 53 |
experimental layout region (top/left/right/bottom) that collapses when toggled, hiding |
| 54 |
the layout children contained within. |
| 55 |
|
| 56 |
dojox.layout.FloatingPane - an extension on TitlePane for drag/drop |
| 57 |
operation, "docking" [minimize/maximize], and resizing. HIGHLY experimental. |
| 58 |
|
| 59 |
dojox.layout.GridContainer - displays children in a definable grid-layout, |
| 60 |
allowing children to optionally be repositioned with DnD |
| 61 |
|
| 62 |
dojox.layout.RadioGroup - a stack container with sliding or fading transitions |
| 63 |
(and an internal button set to mimic a tab container, but fires on hover) |
| 64 |
- RadioGroupFade - fade transitions |
| 65 |
- RadioGroupSlide - slide transitions |
| 66 |
|
| 67 |
dojox.layout.ResizeHandle - resize handle to attach to a domNode. |
| 68 |
works well on normal domNodes, but will require adding a resizeTo(w,h) |
| 69 |
method to any widget you wish to use it on. [experimental] |
| 70 |
|
| 71 |
dojox.layout.RotatorContainer - similar to a RadioGroup, but provides advanced button's and |
| 72 |
control. |
| 73 |
|
| 74 |
dojox.layout.ScrollPane - a dynamically scrolling pane. Adjusts naturally sized content |
| 75 |
to a "viewport" and scrolls based on relative mouse position. |
| 76 |
|
| 77 |
dojox.layout.TableContainer - A container widget that lays out child widgets using a |
| 78 |
Table element. It can create labels for each widget, placed either above or |
| 79 |
beside the widgets. |
| 80 |
|
| 81 |
------------------------------------------------------------------------------- |
| 82 |
Dependencies |
| 83 |
|
| 84 |
require Dojo Core, Dojo Base (fx), and Dijit |
| 85 |
|
| 86 |
------------------------------------------------------------------------------- |
| 87 |
Installation: |
| 88 |
|
| 89 |
checkout: |
| 90 |
|
| 91 |
http://svn.dojotoolkit.org/src/dojox/trunk/layout/ |
| 92 |
http://svn.dojotoolkit.org/src/dijit/trunk/ |
| 93 |
|
| 94 |
and require via: |
| 95 |
dojo.require("dojox.layout.FloatingPane");
|
| 96 |
or: |
| 97 |
dojo.require("dojox.layout.ContentPane");
|
| 98 |
etc ... |
| 99 |
|
| 100 |
Each component has a required CSS File with a similar name, contained within the |
| 101 |
/resources folder. Include that file in your page. For instance, if using |
| 102 |
the dojox.layout.ExpandoPane: |
| 103 |
|
| 104 |
<link rel="stylesheet" href="dojo-tree/dojox/layout/resources/ExpandoPane.css" /> |
| 105 |
|
| 106 |
------------------------------------------------------------------------------- |
| 107 |
Basic Usage: |
| 108 |
|
| 109 |
<div dojoType="dojox.layout.FloatingPane" title="my title"> |
| 110 |
Content To be Floated |
| 111 |
</div> |
| 112 |
|
| 113 |
<div dojoType="dojox.layout.ContentPane" |
| 114 |
adjustPaths="true" |
| 115 |
renderStyles="true" |
| 116 |
executeScripts="true" |
| 117 |
href="my/page/containing/scripts/and/styles/in/a/sub/folder.html" |
| 118 |
> |
| 119 |
Initial content, will be replace by href. |
| 120 |
paths in folder.html will be adjusted to match this page |
| 121 |
</div> |