Center pane

Toggle All Panes

Change the 'state' by opening some panes and adjusting their size, then Reload. The page should reload with the panes exactly as they were.

options.stateManagement.autoLoad – loadState when layout created? (can't change here)
options.stateManagement.autoSave – saveState on window.unload ?

myLayout.readState() Show current state-data from the layout

myLayout.state.stateData Show state-data stored in layout.state object - as last read-from or saved-to the state-cookie

myLayout.readCookie() Show data currently saved in the state-cookie

myLayout.saveCookie() Update the state-cookie with current layout state-data

myLayout.deleteCookie() Delete the state-cookie

Reset Page to Default > RELOAD page with default layout settings (no state)...

    This button triggers 3 steps:

1. myLayout.deleteCookie() — remove the existing layout cookie
2. myLayout.options.stateManagement.autoSave = false — prevent saving new cookie on window.unload
3. Reload the page — default layout settings used onLoad because there is no cookie

myLayout.loadState( fullState ) > RESET layout to as it was when loaded (instant, no reload)
myLayout.loadState( fullState, { animateLoad: true })   > ditto – but using pane animations

    These buttons loads a state-hash that was created onLoad:

• window.fullState = myLayout.readState() — saved after layout loaded
• myLayout.loadState( fullState, true ) — restore the original state – using animation

myLayout.loadState( testState ) Test loading of a specific state object