Docking layout manager
August 19, 2008 - 8:39pm — cvrajeesh
This allow you to dock a HTML element like DIV. Docking concept is similar to the Microsoft style docking, where you can dock to Top, Left, Fill, Right and Bottom side of a web page.
Usage
var layoutSettings =
{
Name : "Main",
Dock : $.layoutEngine.DOCK.FILL,
EleID : "main",
Margin : 5,
Children: [
{
Name : "Top",
Dock : $.layoutEngine.DOCK.TOP,
EleID : "top",
Margin : 5,
Height : 125
},
{
Name : "Left",
Dock : $.layoutEngine.DOCK.LEFT,
EleID : "left",
MarginLeft : 5,
MarginRight : 5,
Width : 300
},
{
Name : "Fill",
Dock : $.layoutEngine.DOCK.FILL,
EleID : "fill",
Margin : 0
},
{
Name : "Right",
Dock : $.layoutEngine.DOCK.RIGHT,
EleID : "right",
MarginLeft : 5,
MarginRight : 5,
Width : 200
},
{
Name : "Bottom",
Dock : $.layoutEngine.DOCK.BOTTOM,
EleID : "bottom",
Margin : 5,
Height : 125
}
]
};
$.layoutEngine(layoutSettings);Releases
| Official releases | Date | Size | Links | Status | |
|---|---|---|---|---|---|
| 1.0.0 | 2008-Aug-19 | 7.31 KB | Recommended for 1.2.x |  | |
