Category Archives: FBBorderLayout

jQuery UI Layout 1.1.0 is out!

Kevin and I released the new fantastic version of the UI Layout plugin for jQuery, changelog:

* RENAMED raisePaneZindexOnHover ==> showOverflowOnHover
* REMOVED "overflow: auto" from base-styles. Overflow must now be set by
CSS - unless applyDefaultStyles==true. No longer need "!important" to
set pane overflow in your stylesheet.
* CHANGED minSize default from 50 to 0 (still auto-limited to 'css size')
* FIXED bug in allowOverflow - now works with 'custom paneClass'
* EXPOSED two CSS utility methods
o myLayout.cssWidth( elem )
o myLayout.cssHeight( elem )
* NEW auto-resize for ALL layouts on windows.resize
* UPDATED auto-resizing of panes after a container-resize
* NEW flow-code to prevent simultaneous pane animations
* NEW options to add text inside toggler-buttons
* NEW options for hotkeys - standard (cursors) and user-defined

Hungry for new capabilities demos? check the powerful nesting and the droppable portlets demo

So now go directly to jQuery UI Layout official website for documentation, download and DEMOS!

jQuery UI Layout 1.0

You may already know that Kevin Dalman and I were working on a new jQuery UI Layout project, based on my FBBorderLayout now you have the layout system based on jQuery!

Some features:

  • unlimited layout capabilities: 5 regions per layout – unlimited nesting
  • simple to use: powerful but simple syntax is easy to learn
  • 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
  • use any elements: use divs, iframes or any elements you want as a ‘pane’
  • 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
  • nesting capabilities: put layouts within layouts to create complex layouts
  • demo mode: set applyDefaultStyles option for a fully functional layout
  • compatible with UI widgets: intended to be used with other UI widgets
  • and MORE

Visit jQuery UI Layout official website for demos, documentation and download!

FBBorderLayout 0.9

Looking for a jquery border layout?

Changelog for this release:

  • a few bugs were fixed (thanks to Matteo Ligabue)
  • nested layouts support was added

notes:

  • the syntax to start the borderlayout was changed thus please check the new samples
  • this release has some issue with Internet Explorer, if you don’t need nested layouts or you’re not using Internet Explorer please wait for 1.0 before update

FBBorderLayout home page

jQuery borderlayout

Todady I had a couple of spare hours so I wanted to try working on something about javascript and jQuery.

AFAIK jQuery and jQuery UI are missing a borderlayout, something like extjs’ one (check it out, it’s beautiful), so, after the jQuery UI 1.5 release, I thought to start creating one (thinking to P4A 3.2…).

The code is really early stage but it’s quite working cross-browser too, I did a quick screencast:

What do you think about this? Is someone interested in the project?

UPDATE: after some work the code is faster and bulletproof, take a look at it here:

Someone interested in having this code released as a jQuery plugin? Let me know. :-)

UPDATE 2: the project has been released, check it out!