Theme Configuration

Next Angular

Search…

Next Angular

Introduction

Theme Configuration

Menu/Layout Customize Options

You can edit this file at [ ../src/app/app-config.ts ]
Option
Default
Data Type
Description
layout
vertical
String
vertical, horizontal
subLayout
-
String
horizontal-2 (only used for layout is horizontal)
collapseMenu
false
Boolean
true, false
layoutType
menu-dark
String
menu-dark, menu-light, dark
headerBackColor
header-default
String
header-default, header-blue, header-red, header-purple, header-info, header-dark
navBrandColor
brand-default
String
navbar-default, navbar-blue, navbar-red, navbar-purple, navbar-info, navbar-dark
rtlLayout
false
Boolean
true, false
navFixedLayout
true
Boolean
true, false
headerFixedLayout
true
Boolean
true, false
boxLayout
false
Boolean
true, false
app-config.ts
1
export class NextConfig {
2
  public static config = {
3
    layout: 'vertical', // vertical, horizontal
4
    subLayout: '', // horizontal-2
5
    collapseMenu: false,
6
    layoutType: 'menu-light', // menu-dark, menu-light, dark
7
    headerBackColor: 'header-blue', // header-default, header-blue, header-red, header-purple, header-info, header-dark
8
    navBrandColor: 'brand-default', // brand-default, brand-blue, brand-red, brand-purple, brand-info, brand-dark
9
    rtlLayout: false,
10
    navFixedLayout: true,
11
    headerFixedLayout: true,
12
    boxLayout: false,
13
  };
14
}
Copied!

Page Structure

Theme Layouts

Last modified 2yr ago

Copy link