search

digicorp / propeller

Propeller - Develop more, Code less. Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.
http://propeller.in
MIT License
1.13k stars 141 forks source link

How to close the side bar in single page application? #37

Closed mazlano27 closed 6 years ago

mazlano27 commented 7 years ago

Hi,

I would like to close the side bad after an option has been clicked in a single page application. I'm using angular 4.

Any tips?

piyush-digicorp commented 7 years ago

Hi,

We are using below code to close the sidebar on click:

$('.pmd-navbar-sidebar .navbar-nav li > a').on( 'click', function() {
    $('.pmd-navbar-sidebar').removeClass('pmd-sidebar-open');
    $('.pmd-sidebar-overlay').removeClass('pmd-sidebar-overlay-active');
    $('body').removeClass('pmd-body-open');
});

You can use above code snippet in your Angular SPA.

Hope it may solve your purpose.

mazlano27 commented 7 years ago

Thank you for sharing your solution. I will give it a go! :)