last day (15 days later) » 

11:59 PM
0
A: Creating Angular material nav-bar with menu

Naga Sai ATo achieve your expected result , i have used ng-hide and ng-show to show the dropdown list <md-nav-item md-nav-click="goto('page1')" ng-click="toggle=!toggle" name="page1">Item-1 <div class="menuDrop" ng-show="item1 = toggle" ng-hide="item1 =!toggle"> <a href="#">Link 1

 
I didnt apply styling to that dropdown menu and this works for single dropdown menu for long list.Hope this works for you :)
 
Can we do mouse over as well as click
 
Updated codepen ng-click="toggle=!toggle" ng-mouseover="toggle=!toggle"
now works for both mouse over and click ... hope this works for you :)
 
Thank you very much but can we remove grid line. Sorry I am asking lot :(
 
Fixed it - codepen.io/nagasai/pen/RRGPdj Check codepen now :)
 
11:59 PM
Thank you very much for that. but sub-menu disappear before I put my mouse
also it don't work with tab, I mean for accessibility
 
you mean menu or tabs ?sorry I didnt get last comment
 
Thing is that website should be accessibility that means it should work with keyboard with tab, enter etc... I think rather to rework whole thing I should use some css3 menu
what do u say ?
 
submenu disappear due to ng-mouse hover option....i need to tweak it to work ... Use CSS3 for mouse over alone to fix it :) ...for tab accessibility i need to check ...only these two are pending for now right :)
 

  last day (15 days later) »