How to use the Mobile actions to show the sidenav.

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: How to use the Mobile actions to show the sidenav.

ingmorales20 pro asked 6 years ago

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

Damian Gemza staff answered 6 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

Write
Create snippet
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
  • User: 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
About author
ingmorales20
Pro User
0Support score
0Questions 0Answers
0Snippets likes 0Snippets