Theme Layouts

Layout Variants

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

Main Layouts

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

• 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

RTL Layout

• layout: vertical

• rtlLayout: true

Box Layout

• layout: vertical

• headerFixedLayout: false

• boxLayout: true

Horizontal Layouts

Horizontal-2

• layout: horizontal

• subLayout: horizontal-2

• navFixedLayout: false

• headerFixedLayout: false

Horizontal RTL

• layout: horizontal

• subLayout: horizontal-2

• navFixedLayout: false

• headerFixedLayout: false

• rtlLayout: true