You can just update main application’s variables to update the layout.
Live | ng-click |
---|---|
Sidebar Visibility Screen width greater than 991px | |
oneui.settings.sidebarOpen = ! oneui.settings.sidebarOpen
|
|
oneui.settings.sidebarOpen = true
|
|
oneui.settings.sidebarOpen = false
|
|
Sidebar Visibility Screen width lower than 992px | |
oneui.settings.sidebarOpenXs = ! oneui.settings.sidebarOpenXs
|
|
oneui.settings.sidebarOpenXs = true
|
|
oneui.settings.sidebarOpenXs = false
|
|
Mini Sidebar Mode Screen width greater than 991px | |
oneui.settings.sidebarMini = ! oneui.settings.sidebarMini
|
|
oneui.settings.sidebarMini = true
|
|
oneui.settings.sidebarMini = false
|
|
Sidebar Position | |
oneui.settings.sidebarLeft = ! oneui.settings.sidebarLeft
|
|
oneui.settings.sidebarLeft = true
|
|
oneui.settings.sidebarLeft = false
|
|
Side Overlay Visibility | |
oneui.settings.sideOverlayOpen = ! oneui.settings.sideOverlayOpen
|
|
oneui.settings.sideOverlayOpen = true
|
|
oneui.settings.sideOverlayOpen = false
|
|
Side Overlay Hover Mode Screen width greater than 991px | |
oneui.settings.sideOverlayHover = ! oneui.settings.sideOverlayHover
|
|
oneui.settings.sideOverlayHover = true
|
|
oneui.settings.sideOverlayHover = false
|
|
Header Fixed Mode | |
oneui.settings.headerFixed = ! oneui.settings.headerFixed
|
|
oneui.settings.headerFixed = true
|
|
oneui.settings.headerFixed = false
|
|
Custom Side Scrolling Mode Screen width greater than 991px | |
oneui.settings.sideScroll = ! oneui.settings.sideScroll
|
|
oneui.settings.sideScroll = true
|
|
oneui.settings.sideScroll = false
|