The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
Docking layout manager
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);Downloads
Development
(4 votes)