root / trunk / web / dojo / dojox / layout / README
History | View | Annotate | Download (4.46 KB)
1 | 9 | andrej.cim | ------------------------------------------------------------------------------- |
---|---|---|---|
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> |