Center pane

These buttons show some of Layout's methods.

NOTE that closable & resizable pane-options must be enabled when the Layout initializes, if you want to be able to disable/re-enabled these features later.

disable/enableClosable( pane [, hideToggler ] )

myLayout.disableClosable('west')

myLayout.disableClosable('west', true) > true = hide the Toggler-button

myLayout.enableClosable('west')

disable/enableSlidable( pane )

myLayout.disableSlidable('west')

myLayout.enableSlidable('west')

disable/enableResizable( pane )

myLayout.disableResizable('west')

myLayout.enableResizable('west')

$Container.data("layout") / $Pane.data("parentLayout")

A layout-instance can be retrieved from the layout-container element. You can also get the instance of the 'containing layout' from any 'child-element' (pane, resizer or togger) of a layout...

• $( [containerSelector] ).layout()
• $( [containerSelector] ).data("layout")
• $( [paneSelector] ).data("parentLayout")

$('body').layout()

$('body').data('layout')

$('.ui-layout-resizer-north').data('parentLayout')

The outer-west pane is BOTH a layout-pane and a layout-container...

$('.ui-layout-west').data('parentLayout')

$('.ui-layout-west').data('layout')