CODEWITHSUNDEEP
htmlcordovaionic-framework
Wiliam
Wiliam

Reputation: 3754

Two consecutive side menus with Ionic Framework

Using IonicFramework it's possible to open a second submenu from a ion-side-menu?

menu opened

submenu opened

Upvotes: 0

Views: 1194

Answers (1)

Benjamin RD
Benjamin RD

Reputation: 12044

I know about a similar behavior: You can see the demo here: http://codepen.io/ionic/pen/tcIGK Or this one, http://codepen.io/anon/pen/eCKkm (it's a second menu level)

Basically, works with the default side menu, but when swipe to the right, the menu appears and each one could have an independent sub menu/form, ect., without continue the navigation.

.config(function($stateProvider, $urlRouterProvider) {

      $stateProvider
        .state('eventmenu', {
          url: "/event",
          abstract: true,
          templateUrl: "templates/event-menu.html"
        })
        .state('eventmenu.home', {
          url: "/home",
          views: {
            'menuContent' :{
              templateUrl: "templates/home.html"
            }
          }
        })
        .state('eventmenu.checkin', {
          url: "/check-in",
          views: {
            'menuContent' :{
              templateUrl: "templates/check-in.html",
              controller: "CheckinCtrl"
            }
          }
        })
        .state('eventmenu.attendees', {
          url: "/attendees",
          views: {
            'menuContent' :{
              templateUrl: "templates/attendees.html",
              controller: "AttendeesCtrl"
            }
          }
        })

Upvotes: 1

Related Questions