title: How can I use both tabbar and navigator on onsen ui
body: <p>I am trying to use Onsen UI with cordova to create an iOS app that has the same nagication layout os the Facebook app. Where as there is a tabbar at the bottom and the 5th tab is a "more" button that then opens a list view page that has more links to more pages.</p>
  
  <p>I can get it to work using tabbar with <code>var="nav"</code> and then on the list view doing <code>nav.loadPage('otherpage.html')</code> and this works. However, it doesn't give that "sexy" effect of sliding to the page. It's just there.</p>
  
  <p>I tried following this question here: <a href="https://stackoverflow.com/questions/29829148/onsen-ui-pagination-navigator-and-tabbar">#29829148</a> which has you implement both a tabbar and a navigator but when I put a navigator inside my tabs it messed up the look of the tabbar and when I click on the list view the page slid in, but it was in the very bottom right side of the device, so in other words it didn't work.</p>
  
  <p>Can someone advice how to do this?</p>
  
  <p>For refernce, here is an image that shows both the main Facebook app with tabbar and what it looks like when you click the last tab "more"</p>
  
  <p><a href="https://i.stack.imgur.com/1IzAA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1IzAA.jpg" alt="enter image description here"></a></p>