home chevron_right Documentation chevron_right Services
Fuse Config

`Config` is a custom built Fuse service allows to have a granular control over the Fuse. It can be used for changing theme options (layout, color etc.) by component basis.

Usage

export class SomeComponent { config: any; constructor( private _fuseConfigService: FuseConfigService ) { // Fully customizable surroundings for this particular component this._fuseConfigService.config = { colorTheme : 'theme-default-dark', layout : { style : 'vertical-layout-1', width : 'fullwidth', navbar : { primaryBackground : 'fuse-navy-700', secondaryBackground: 'fuse-navy-900', folded : false, hidden : false, position : 'left', variant : 'vertical-style-1' }, toolbar : { customBackgroundColor: false, background : 'fuse-white-500', hidden : false, position : 'below-static' }, footer : { customBackgroundColor: true, background : 'fuse-navy-900', hidden : false, position : 'below-fixed' }, sidepanel: { hidden : false, position: 'right' } }, customScrollbars: true }); } onInit() { // Subscribe to config change this._fuseConfigService.config .subscribe((config) => { this.config = config; }); } }