NG-MATERO
GitHubMaterial Extensions
en
en
  • Introduction
  • Getting Started
  • Schematics
    • Install the Project
    • Add a New Route
  • Theming
    • Layout Settings
    • Menu Settings
    • Page Title
    • Colors
    • Helpers
  • Responsive
    • Flex layout
    • Grid Class
  • Authentication
  • Permissions
  • Internationalization
  • Third Libs
Powered by GitBook
On this page
  • API
  • SettingsService

Was this helpful?

Edit on Git
  1. Theming

Layout Settings

The layout configuration is only valid when you choose dynamic template during project initialization.

core/settings.ts is the default value for the layout configurations. Where navPos,dir, theme are associated with the prebuilt options.

export interface AppSettings {
  navPos?: 'side' | 'top';
  dir?: 'ltr' | 'rtl';
  theme?: 'light' | 'dark';
  showHeader?: boolean;
  headerPos?: 'fixed' | 'static' | 'above';
  showUserPanel?: boolean;
  sidenavOpened?: boolean;
  sidenavCollapsed?: boolean;
}

export const defaults: AppSettings = {
  navPos: 'side',
  dir: 'ltr',
  theme: 'light',
  showHeader: true,
  headerPos: 'fixed',
  showUserPanel: true,
  sidenavOpened: true,
  sidenavCollapsed: false,
};

It's recommended not to change setting.ts, but to dynamically set the page layout by usingsetLayoutinsetting.service.ts.

API

SettingsService

Method

Parameter

Return

Description

getOptions

-

AppSettings

Get configuration options

setLayout

options?: AppSettings

AppSettings

Set the layout

setNavState

type: string value: boolean

Observable<any>

Listens for sidebar navigation status

PreviousThemingNextMenu Settings

Last updated 5 years ago

Was this helpful?