Plugins
Home

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.

Layout Manager


UI Layout - The Ultimate Page Layout Manager

Submitted by jquery-dev on November 15, 2008 - 3:26pm

This plugin was inspired by the extJS border-layout, and recreates that functionality as a jQuery plug-in. The UI.Layout plug-in can create any UI look you want - from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc.

Combined it with other jQuery UI widgets to create a sophisticated application. There are no limitations or issues - this widget is ready for production use. Our website includes everything you need: documentation, demos and downloads. All feedback, questions and requests are welcome as development is ongoing. If you create a good looking application using UI.Layout, please let us know.

* New Version *

A new version of Layout will be posted here soon. In the mean time, UI Layout 1.3.0 is available as a Release Candidate. If you have any issues with the current 1.2.0 version or need more functionality, download and try the latest release candidate version. Use the UI Layout discussion forum for questions and support on this beta versions:

Docking layout manager

Submitted by cvrajeesh on August 19, 2008 - 8:39pm

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,

FBBorderLayout: a jQuery "border layout"

Submitted by balliano on June 26, 2008 - 6:10pm

This project has been replaced by jQuery UI Layout! FBBorderLayout will not be maintained anymore because every new development will be made on jQuery UI Layout which is far more complete!

This plugins aims to recreate the extjs' border layout functionalities with jQuery.

Here you have 2 demos:

FBBorderLayout is dual licensed under the GPL and MIT licenses.