N
N
Next Angular
Search
K
Comment on page

Theme Layouts

Layout Variants
You can edit this file at [ ../src/app/app-config.ts ]

Main Layouts

Default / Vertical
Horizontal
Light Layout
Dark Layout
  • layout: vertical
  • subLayout: ' '
  • collapseMenu: false
  • layoutType: menu-light
  • headerBackColor: header-blue
  • rtlLayout: false
  • navFixedLayout: true
  • headerFixedLayout: true
  • boxLayout: false
  • layout: horizontal
  • navFixedLayout: false
  • headerFixedLayout: false
  • layout: vertical/horizontal
  • layoutType: menu-light
  • headerBackColor: header-default
  • layout: vertical/horizontal
  • layoutType: dark
  • headerBackColor: header-dark

Vertical Layouts

Static Layout
Fixed Layout
Nav Fixed
Collapsed Menu
RTL Layout
Box Layout
  • layout: vertical
  • navFixedLayout: false
  • headerFixedLayout: false
  • layout: vertical
  • navFixedLayout: true
  • headerFixedLayout: true
  • layout: vertical
  • navFixedLayout: true
  • headerFixedLayout: false
  • layout: vertical
  • collapseMenu: true
  • layout: vertical
  • rtlLayout: true
  • layout: vertical
  • headerFixedLayout: false
  • boxLayout: true

Horizontal Layouts

Horizontal-2
Horizontal RTL
  • layout: horizontal
  • subLayout: horizontal-2
  • navFixedLayout: false
  • headerFixedLayout: false
  • layout: horizontal
  • subLayout: horizontal-2
  • navFixedLayout: false
  • headerFixedLayout: false
  • rtlLayout: true