Layout API Powerful layout that you can manipulate any way you want.

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