Topic: How to use the Mobile actions to show the sidenav.

ingmorales20 pro asked 5 years ago


I need that when sliding from the left side on a phone the sidenav is shown


Damian Gemza staff answered 5 years ago


Dear @ingmorales20 

Your behavior is possible to achieve by using HammerJS library.

Please take a look at our Mobile docs, and in your component.ts file add HostListener('swiperight') event. This event should call sidenav show() method.

Here is code which is working in my example:

.ts:

@ViewChild('sidenav') public el: any;

@HostListener('swiperight', ['$event']) public swipePrev(event: any) {
this.el.show();
}

Best Regards,
Damian



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: Mobile
  • Browser: Chrome
  • OS: Android iOS
  • Provided sample code: No
  • Provided link: No
Tags