N
N
Next Angular
Search…
N
N
Next Angular
Introduction
Quick Installation
File Structure
Page Structure
Theme Configuration
Theme Layouts
Third Party Modules
Support
Changelog
SUMMARY
Powered By GitBook
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
Previous
Theme Configuration
Next
Third Party Modules
Last modified 3yr ago
Copy link
On this page
Main Layouts
Vertical Layouts
Horizontal Layouts