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,