Center - Center pane

Toggle All Nested 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
      load-state when layout created - see options

options.stateManagement.autoSave
      save state on pagehide & layout.destroy()

myLayout.deleteState()

---

Data is output using console.log(), so look at the console.

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, { animateLoad: false }) > RESET layout to as it was when loaded (instant, no reload)
myLayout.loadState( fullState, { animateLoad: true })   > ditto – true = use pane animations

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

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