How to collapse sidebar by default when navigating between pages? #9767

7 Answer(s)

• 

  0

  ismcagdas created 4 years ago

  Support Team

  Hi @dzungle

  Do you use Angular or jQuery version ?

  Thanks,

  Save Cancel
• 

  0

  dzungle created 4 years ago

  Hi @ismcagdas,

  I am using Angular version 8.9.2.0.

  Thanks

  Save Cancel
• 

  0

  dzungle created 4 years ago

  Hi @ismcagdas

  Could you please show me how to do this in Angular v8.9.2?

  Save Cancel
• 

  0

  ismcagdas created 4 years ago

  Support Team

  Hi,

  You can basically run script below on each menu item click;

  document.body.classList.add('aside-minimize')

  Save Cancel
• 

  0

  dzungle created 4 years ago

  Hi @ismcagdas,

  I have tried to put this script on the click function to navigate to new page, but it does not work. I also tried to put your script on the ngOnInit() of the new page, but it does not work either. Could you please show me more detail on where to put this script?

  Thank you

  Save Cancel
• 

  0

  ismcagdas created 4 years ago

  Support Team

  Hi,

  I remembered a better way, you can directly modify this function https://github.com/aspnetzero/aspnet-zero-core/blob/dev/angular/src/root-routing.module.ts#L49 and add "aside-minimize" class without a condition here.

  Save Cancel
• 

  0

  dzungle created 4 years ago

  Hi @ismcagdas,

  Thank you for your support. It works now, but the class name is acctually 'kt-aside-minimize'.

  Save Cancel