root / trunk / web / dojo / dojox / layout / README @ 10
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> |