How to enable switcher in any page ?

Switcher

Note:- The switcher.html page are displayed in pages -> switcher in web

To enable the switcher then you must have to place below Angular Components in your html page .

Rootpath for switcher: src/app/shared/components/switcher.html

Rootpath for switcher-icon: src/app/shared/components/switcher.html

	

	
    
<!--  Switcher scss -->
assets/scss/custom/_switcher.scss

	
    
		

		@Component({
		  selector: 'app-switcher',
		  templateUrl: './switcher.component.html',
		  styleUrls: ['./switcher.component.scss'],
		})
		export class SwitcherComponent implements OnInit {
		  ....
		}
	
	

"Below links shows how the switcher page looks like & path of the Switcher page in the template."

https://prnt.sc/dlNetXz_pbfC (Path:-pages/Switcher)

If you want switcher icon in html pages then replace below code in app header section


	
			
		
How to Delete Switcher ?

You don't want Swicher please follow below procedure to remove Switcher styles.

Step-1 : Remove switcher.html html page. Rootpath : src/app/shared/components/switcher.html

	
	
		
		
	
<!--  Switcher scss -->
assets/scss/custom/_switcher.scss
	
	
	


		@Component({
		  selector: 'app-switcher',
		  templateUrl: './switcher.component.html',
		  styleUrls: ['./switcher.component.scss'],
		})
		export class SwitcherComponent implements OnInit {
		  ....
		}