Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / layout / README @ 11

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>