Gradient Able Angular
  • ✨Introduction
  • 🚀Quick Installation
  • 📂File Structure
  • 📄Page Structure
  • 🛠️Theme Configuration
  • 🎨Theme Layouts
  • 📦Dependencies
  • ✏️How to
    • Dashboard as First Page
    • Login as First Page
    • Remove Role Base Authentication
    • Remove Authentication
    • Guard Children Routes
    • Role-Based Authentication
  • 📅Changelog
  • 🆘Support
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 ConfigurationNextDependencies

Last updated 1 year ago

Was this helpful?

🎨