Layout Option

You can edit this file at [ ../src/config/constant.js]

Main Layouts

Default / Vertical
Horizontal
Light Layout
Dark Layout
Default / Vertical
  • layout:vertical

  • subLayout: ' '

  • collapseMenu: false

  • layoutType: menu-light

  • headerBackColor: header-blue

  • rtlLayout: false

  • navFixedLayout: true

  • headerFixedLayout: true

  • boxLayout: false

Horizontal
  • layout: horizontal

  • navFixedLayout: false

  • headerFixedLayout: false

Light Layout
  • layout: vertical/horizontal

  • layoutType: menu-light

  • headerBackColor: header-default

Dark Layout
  • layout: vertical/horizontal

  • layoutType: dark

  • headerBackColor: header-dark

Vertical Layouts

Static Layout
Fixed Layout
Nav Fixed
Collapsed Menu
Menu Dark Layout
RTL
Box
Static Layout
  • layout: vertical

  • navFixedLayout: false

  • headerFixedLayout: false

Fixed Layout
  • layout: vertical

  • navFixedLayout: true

  • headerFixedLayout: true

Nav Fixed
  • layout: vertical

  • navFixedLayout: true

  • headerFixedLayout: false

Collapsed Menu
  • layout: vertical

  • collapseMenu: true

Menu Dark Layout
  • layout: vertical

  • layoutType: menu-dark

RTL
  • layout: vertical

  • rtlLayout: true

Box
  • layout: vertical

  • headerFixedLayout: false

  • boxLayout: true

Horizontal Layouts

Horizontal Layouts
RTL Layout
Horizontal Layouts
  • layout: horizontal

  • subLayout: horizontal-2

  • navFixedLayout: false

  • headerFixedLayout: false

RTL Layout
  • layout: horizontal

  • subLayout: horizontal-2

  • navFixedLayout: false

  • headerFixedLayout: false

  • rtlLayout: true