description |
---|
Menu/Layout Customize Options |
{% hint style="info" %}
You can edit this file at [ ../src/app/app-config.ts ]
{% endhint %}
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 |
{% code title="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,
};
}
{% endcode %}