Next Angular
  • Introduction
  • Quick Installation
  • File Structure
  • Page Structure
  • Theme Configuration
  • Theme Layouts
  • Third Party Modules
  • Support
  • Changelog
  • SUMMARY
Powered by GitBook
On this page
  • Main Layouts
  • Vertical Layouts
  • Horizontal Layouts

Was this helpful?

Theme Layouts

Layout Variants

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

Main Layouts

  • 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

  • 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

  • layout: horizontal

  • subLayout: horizontal-2

  • navFixedLayout: false

  • headerFixedLayout: false

  • layout: horizontal

  • subLayout: horizontal-2

  • navFixedLayout: false

  • headerFixedLayout: false

  • rtlLayout: true

PreviousTheme ConfigurationNextThird Party Modules

Last updated 5 years ago

Was this helpful?