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 window.unload & layout.destroy()

myLayout.deleteCookie()

---

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

---

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 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, { 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