# Side Menu for Ionic 3 App with Tabs

**URL:** <https://forum.ionicframework.com/t/side-menu-for-ionic-3-app-with-tabs/87695>\
**Category:** ionic-v3\
**Created:** [April 24, 2017, 9:43pm UTC](https://forum.ionicframework.com/t/side-menu-for-ionic-3-app-with-tabs/87695 "2017-04-24T21:43:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![gppraveena](https://avatars.discourse-cdn.com/v4/letter/g/b38774/32.png) [@gppraveena](https://forum.ionicframework.com/u/gppraveena)\
**Post date:** [April 24, 2017, 9:43pm UTC](https://forum.ionicframework.com/t/side-menu-for-ionic-3-app-with-tabs/87695/1 "2017-04-24T21:43:52Z")

</div>

I have an ionic app upgraded to ionic 3, I have a tabbed app with 4 tabs.  
Two side menus from my home page (first tab), one for the left and other for the right, which works perfectly.  
Now when I am on the other tabs, depending on which tab I am in I want to open two other (different) menus, how can I achieve this. Any help on this will be really appreciated.

Thank you,  
Praveena

---

<div class="post-metadata">

**Author:** ![doMdev](https://avatars.discourse-cdn.com/v4/letter/d/bcef8e/32.png) [@doMdev](https://forum.ionicframework.com/u/doMdev)\
**Post date:** [April 26, 2017, 7:04pm UTC](https://forum.ionicframework.com/t/side-menu-for-ionic-3-app-with-tabs/87695/2 "2017-04-26T19:04:52Z")

</div>

Also interested in a solution

---

<div class="post-metadata">

**Author:** ![gppraveena](https://avatars.discourse-cdn.com/v4/letter/g/b38774/32.png) [@gppraveena](https://forum.ionicframework.com/u/gppraveena)\
**Post date:** [April 26, 2017, 7:32pm UTC](https://forum.ionicframework.com/t/side-menu-for-ionic-3-app-with-tabs/87695/3 "2017-04-26T19:32:54Z")

</div>

It was not possible to have more then two ion-menu components in the app.html, so I created components for the menu content, depending on the tab the call was made and left or right menu, I am loading the content. This seems to be an easier approach. I am using the Menucontroller to open left or right menu using the id assigend. Eg: the id for the left menu is leftMenu and right menu is rightMenu. Then I am calling the menuContrl.Open('leftMenu); Assign the calling page to a variable in the calling page and check this variable while loading the component for the menu. If you need more details let me know.

---

<div class="post-metadata">

**Author:** ![doMdev](https://avatars.discourse-cdn.com/v4/letter/d/bcef8e/32.png) [@doMdev](https://forum.ionicframework.com/u/doMdev)\
**Post date:** [April 27, 2017, 12:36pm UTC](https://forum.ionicframework.com/t/side-menu-for-ionic-3-app-with-tabs/87695/4 "2017-04-27T12:36:50Z")

</div>

Thank you so much for reaching out and providing a solution! Will try this  
out soon and let you know. 🙂

-Dominique