Side menu with different sets of tabs?

Ionic Framework ionic-v3
1

I’m trying to create an Ionic app with a side menu as well as multiple tabs.
I can find tutorials which show how to combine a side menu with 1 set of tabs, however I’m wanting different sets of tabs.

Numbers being side menu items, letters being actual pages
1>page A(no tabs)
2>page with tabs B/C/D
3>page with tabs E/F/G

2

A side menu is typically used for navigation. Tabs makes it easy to navigate between your App’s pages.

Tabs has pages (pages don’t have tabs):

<ion-tabs #tabs selectedIndex="2" (ionChange)="onIonChanged($event)">
  <ion-tab [root]="tab0Root" tabUrlPath="activity-tab" tabIcon="fa-fal-list"></ion-tab>
  <ion-tab [root]="tab1Root" tabUrlPath="location-tab" tabIcon="fa-fal-map-marker"></ion-tab>
  <ion-tab [root]="tab2Root" tabUrlPath="search-tab" tabIcon="fa-fal-street-view"></ion-tab>
  <ion-tab [root]="tab3Root" tabUrlPath="person-tab" tabIcon="fa-fal-user"></ion-tab>
  <ion-tab [root]="tab4Root" tabUrlPath="notifications-tab" tabIcon="fa-fal-bell"></ion-tab>
</ion-tabs>
3

Unfortunately, I think that’s what I’ve already seen instructions for before.

I’m trying to setup so that I have different sets of tabs.
I’ve found what looks like an old codepen but I can’t work out how to convert it into multiple pages of code

https://codepen.io/mhartington/pen/wBJxwp

Sorry if this all seems a bit obvious to most

4

Perhaps you need to rethink your UI?