CSS Body attr[data-initial-arrangement] fixed fullscreen dashboard filtering wide full_height full_width footed headed float_left float_right class: loading y_auto y_fixed _debugging_on logging_on App class: none x_narrow x_medium x_wide x_full App . Header class: none x_narrow x_medium x_wide x_full open closed collapsed stashed App . Body class: none x_narrow x_medium x_wide x_full App . Body . Aside left class: open closed collapsed stashed App . Body . Aside right class: open closed collapsed stashed App . Footer class: none x_narrow x_medium x_wide x_full open closed collapsed stashed Javascript: Layout height Default: basekit_layout.update('height'); Dynamic: basekit_layout.update('height','y_auto'); Fixed: basekit_layout.update('height','y_fixed'); Width Narrow: basekit_layout.update('width','narrow'); Medium: basekit_layout.update('width','medium'); Wide: basekit_layout.update('width','wide'); Full: basekit_layout.update('width','full'); Arrangements Default: basekit_layout.update('arrangement'); Fixed: basekit_layout.update('arrangement','fixed'); Fullscreen: basekit_layout.update('arrangement','fullscreen'); Dashboard: basekit_layout.update('arrangement','dashboard'); Filtering: basekit_layout.update('arrangement','filtering'); Wide: basekit_layout.update('arrangement','wide'); Full height: basekit_layout.update('arrangement','full_height'); Full width: basekit_layout.update('arrangement','full_width'); Footer: basekit_layout.update('arrangement','footed'); Headed: basekit_layout.update('arrangement','headed'); Float Left: basekit_layout.update('arrangement','float_left'); Float Right: basekit_layout.update('arrangement','float_right'); Modes Default: basekit_layout.update('mode'); Light: basekit_layout.update('mode','light'); Dark: basekit_layout.update('mode','dark'); Actions Scroll: basekit_layout.on_scroll(element) Exit: basekit_layout.exit() App . Header Update: Default: basekit_layout.header.update('width',''); Narrow: basekit_layout.header.update('width','narrow'); Medium: basekit_layout.header.update('width','medium'); Wide: basekit_layout.header.update('width','wide'); Width: basekit_layout.header.update('width','full'); Open: basekit_layout.header.open(); Close: basekit_layout.header.close(); Collapse: basekit_layout.header.collapse(); Stash: basekit_layout.header.stash(); Toggle: basekit_layout.header.toggle(); Reset: basekit_layout.header.reset(); App . Body Update: Width: Default: basekit_layout.app_body.update('width',''); Narrow: basekit_layout.app_body.update('width','narrow'); Medium: basekit_layout.app_body.update('width','medium'); Wide: basekit_layout.app_body.update('width','wide'); Full: basekit_layout.app_body.update('width','full'); Open: basekit_layout.app_body.open(); Close: basekit_layout.app_body.close(); Collapse: basekit_layout.app_body.collapse(); Stash: basekit_layout.app_body.stash(); Toggle: basekit_layout.app_body.toggle(); Reset: basekit_layout.app_body.reset(); App . Body . Aside . Left Update: basekit_layout.left.update(setting, value); Open: basekit_layout.left.open(); Close: basekit_layout.left.close(); Collapse: basekit_layout.left.collapse(); Stash: basekit_layout.left.stash(); Toggle: basekit_layout.left.toggle(); Reset: basekit_layout.left.reset(); App . Body . Aside . Right Update: basekit_layout.right.update(setting, value); Open: basekit_layout.right.open(); Close: basekit_layout.right.close(); Collapse: basekit_layout.right.collapse(); Stash: basekit_layout.right.stash(); Toggle: basekit_layout.right.toggle(); Reset: basekit_layout.right.reset(); App . Body . Content header Update: basekit_layout.content_header.update(setting, value); Open: basekit_layout.content_header.open(); Close: basekit_layout.content_header.close(); Collapse: basekit_layout.content_header.collapse(); Stash: basekit_layout.content_header.stash(); Toggle: basekit_layout.content_header.toggle(); Reset: basekit_layout.content_header.reset(); App . Body . Content footer Update: basekit_layout.content_footer.update(setting, value); Open: basekit_layout.content_footer.open(); Close: basekit_layout.content_footer.close(); Collapse: basekit_layout.content_footer.collapse(); Stash: basekit_layout.content_footer.stash(); Toggle: basekit_layout.content_footer.toggle(); Reset: basekit_layout.content_footer.reset(); App . Footer Update: Width: Default: basekit_layout.footer.update('width',''); Narrow: basekit_layout.footer.update('width','narrow'); Medium: basekit_layout.footer.update('width','medium'); Wide: basekit_layout.footer.update('width','wide'); Full: basekit_layout.footer.update('width','full'); Open: basekit_layout.footer.open(); Close: basekit_layout.footer.close(); Collapse: basekit_layout.footer.collapse(); Stash: basekit_layout.footer.stash(); Toggle: basekit_layout.footer.toggle(); Reset: basekit_layout.footer.reset(); Ui media ui_media_desktop ui_media_laptop ui_media_tablet ui_media_mobile States forced by ui updates: · null · collapsed forced by layout modes or user: · opened · closed · stashed · hidden solve conflicts · if left + right open = close both · If open dont collapse UI modes default ui_media_desktop ui_media_laptop ui_media_tablet ui_media_mobile · header_closed · left_open · right_open · footer_closed ui_mode_dashboard ui_media_desktop · header_closed · left_open · right_open · footer_closed ui_media_laptop ui_media_tablet ui_media_mobile ui_mode_filtering · header_closed · left_closed · right_open · footer_closed ui_mode_wide · header_closed · left_closed · right_closed · footer_closed ui_mode_full_height · header_stashed · left_closed · right_closed · footer_stashed ui_mode_full_width · header_closed · left_stashed · right_stashed · footer_closed ui_mode_floating · header_closed · left_floating · left_closed · right_floating · right_closed · footer_closed ui_mode_footed · header_stashed · left_stashed · right_stashed · footer_closed ui_mode_headed · header_closed · left_stashed · right_stashed · footer_stashed ui_mode_fullscreen · header_stashed · left_stashed · right_stashed · footer_stashed ui_mode_floating_left · header_closed · left_floating · left_open · right_floating · right_closed · footer_closed ui_mode_floating_right · header_closed · left_floating · left_closed · right_floating · right_open · footer_closed ui_mode_custom Left Panel Positions normal floating Transitions · panel collapsing 1 collapse app levels 2 collapse workspace levels 3 fade out workspace titles 4 update panel width · normal -> floating 1 collapse app levels 2 collapse workspace levels 3 fade out workspace titles 4 update panel width 5 update panel height 6 set as floater