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 pagehide?

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

myLayout.state.stateData Show state-data cached in the layout state object

myLayout.readStoredState() Show data currently saved in local storage

myLayout.saveState() Update local storage with current layout state-data

myLayout.deleteState() Delete the stored state

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

    This button triggers 3 steps:

1. myLayout.deleteState() — remove the existing stored layout state
2. myLayout.options.stateManagement.autoSave = false — prevent saving state on pagehide
3. Reload the page — use default settings because there is no stored state

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