If you find Layout useful and want to support its development...

UI Layout Support
Visit this group

Updated Oct 29, 2012

UI Layout – The Ultimate Page Layout Manager

Overview

This plug-in 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. All feedback and requests are welcome as development is ongoing. If you create a good looking application using UI Layout, please let us know.

This plug-in is on the jQuery site at: http://plugins.jquery.com/project/Layout
If you like it, please 'rate it' for the benefit of other users :)

Features

  • simple to use: powerful but simple syntax is easy to learn
  • unlimited layout capabilities: 5 regions per layout - unlimited nesting
  • dozens of options: every aspect is customizable, globally and by region
  • total CSS control: dozens of auto-generated classes create ANY UI look
  • extensible: callbacks, methods, and special utilities provide total control
  • custom buttons: integrates with your own buttons for a custom UI look
  • collapsable: each pane can be closed, using any UI animation you want
  • hidable: panes can be completely hidden, either on startup or at any time
  • resizable: each pane can be resized, within automatic or specified limits
  • slidable: panes can also 'slide open' for temporary access
  • headers & footers: each region has unlimited headers or footers
  • hotkeys: can use the cursor-keys and/or define custom hotkeys
  • use any elements: use divs, iframes or any elements you want as a 'pane'
  • compatible with UI widgets: integrates with jQuery widgets and plug-ins
  • demo mode: set applyDefaultStyles option for a fully functional layout
  • and MORE: see the documentation and demos

Demos

Checkout our Demos page for a list of all our demos and samples.

Documentation

The plug-in's extensive options and features are documented in detail here:

Plug-in Authors

UI Layout is a joint effort between Fabrizio Balliano, who initiated the project, and Kevin Dalman, who expanded the functionality and flexibility.

Fabrizio's original project was called 'FBBorderLayout' – that is now depricated.

Contact Information

License

This plug-in is dual-licensed under the GPL and MIT licenses.

Download

Download the latest version of jquery.layout.js on our downloads page.