Side menu items

Side menu items

by Gary Pore -
Number of replies: 2
Hi everyone,

could some one help me with the side menu. I've been able to add my grades, my badges, news to the side menu. It was easy enough to take off the default menus but how to I add individual menu items?

The code for My Course's is below; (Taken from github)

<li class="mm-mycourses-handler">
                        <a menu-close class="item item-icon-left" ui-sref="site.mm_courses" title="{{ 'mm.sidemenu.mycourses' | translate}}">
                            <i class="icon ion-ionic"></i>{{ 'mm.sidemenu.mycourses' | translate}}
                        </a>
</li>



I can copy and paste that and get the same menu item....so I was thinking if I knew the handlers and link for the my grades...it should function correctly???

Would appreciate your help.

Cheers

Gary


Average of ratings: -
In reply to Gary Pore

Re: Side menu items

by Gary Pore -

Solved using css below (based on standard list of side menu items);


ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(7) {
   display: show; /*My Calendar side menu button*/
}
ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(12) {
   display: show; /*My Courses side menu button*/
}
ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(11) {
   display: none; /*Site Home side menu button*/
}
ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(10) {
   display: show; /*Grades side menu button*/
}
ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(9) {
   display: show; /*Notifications side menu button*/
}
ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(8) {
   display: show; /*Messages side menu button*/
}
ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(4) {
   display: none; /*Help side menu button*/
}
ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(5) {
   display: none; /*Website side menu button*/
}
ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(6) {
   display: none; /*My Files side menu button*/
}
/*---------------------------------*/
ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(3) {
   /*display: none;*/ /*divider*/
   border-top: solid 3px #099;
}
/*---------------------------------*/
ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(1) {
  /*display: none;*/ /*Change Site side menu button*/
}
ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(2) {
   /*display: none;*/ /*App Settings side menu button*/
}



Average of ratings: -