Using ion-split-pane in different tabs - menu not showing

Ionic Framework ionic-v3
1

Hello. I’ve an application with multiple tabs. On several of these it is desirable to use the new ion-split-pane. Using it on one tab is fine, but when I implement a split view in another tab root the provided menu won’t display.

Any ideas?

2

So what seems to be working is having a separate menu page assigned to the left side in the pane, e.g.:

<ion-split-pane>
  <ion-nav [root]="sideRoot"></ion-nav>
  <ion-nav [root]="root" main #content></ion-nav>
</ion-split-pane>

And then building a menu system in the side page and setup some form of communication from sideRoot-page to the rootPage with content.

3

Hey man, how you can get a split pane inside a tab page? can you help me?

4

Hey,

I’ve created a repo here: https://github.com/oddcb/ionic-split-pane-example with a working example.

Hope it helps. Just ask if something is unclear. The code is a bit rough, and there’s problably better ways to do it. But it works. :slight_smile:

5

This is fantastic, thanks man!!