Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Angular material slide transition in side nav?

When i'm click on settings it's navigate to inner navigation menu and after that here back main menu option.

For that i'm trying to implement Slide transition in side nav using angular material , but it's not showing the slide transition effect in side nav.

Angular material slide nav Plnkr ::http://plnkr.co/edit/tAocrJglxnLs3mMPqAnb

slide transition : When we click on settings it's navigate to inner menu and then click on back navigate to main menu. For that need slide transition effect.

For example : http://plnkr.co/edit/o37kGQByrXX9jdIxuIXZ

Any one suggest on slide transition effect.

like image 591
Karthik Avatar asked Oct 18 '22 06:10

Karthik


1 Answers

Check this out http://plnkr.co/edit/Ksfo7fnSB0c4DH6egE3S?p=preview

<md-content class="main-ctr" ng-controller="RightCtrl" class="md-padding">

and mainmenu and submenu 2 other classes, their positions are absolute so they can slide frictionless

like image 105
Piyush.kapoor Avatar answered Oct 29 '22 21:10

Piyush.kapoor