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
export class NextConfig {
  public static config = {
    layout: 'vertical', // vertical, horizontal
    subLayout: '', // horizontal-2
    collapseMenu: false,
    layoutType: 'menu-light', // menu-dark, menu-light, dark
    headerBackColor: 'header-blue', // header-default, header-blue, header-red, header-purple, header-info, header-dark
    navBrandColor: 'brand-default', // brand-default, brand-blue, brand-red, brand-purple, brand-info, brand-dark
    rtlLayout: false,
    navFixedLayout: true,
    headerFixedLayout: true,
    boxLayout: false,
  };
}

Page Structure

Theme Layouts

Last modified 3yr ago

Copy link