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> |