title: Onsen: How to use ons-splitter with ons-tabbar?
body: <p>I'm using onsen ui to create a hybrid app.</p>
  
  <p>I just need to know if it is possible to use <code>ons-splitter</code> with <code>ons-tabbar</code> at the same time as I cannot find any reference to that at all.</p>
  
  <p>when I use ons-splitter with ons-tabbar, my ons-splitter stops working but when I remove the ons-tabbar from my page, everything starts working again.</p>
  
  <p>This is my code:</p>
  
  <pre><code> &lt;ons-splitter &gt;
    &lt;ons-splitter-side id="menu" side="right" width="220px" collapse swipeable&gt;
      &lt;ons-page&gt;
        &lt;ons-list&gt;
          &lt;ons-list-item onclick="fn.load('home.html')" tappable&gt;
            Home
          &lt;/ons-list-item&gt;
          &lt;ons-list-item onclick="fn.load('settings.html')" tappable&gt;
            settings
          &lt;/ons-list-item&gt;
          &lt;ons-list-item onclick="fn.load('about.html')" tappable&gt;
            About
          &lt;/ons-list-item&gt;
  
        &lt;/ons-list&gt;
  
      &lt;/ons-page&gt;
    &lt;/ons-splitter-side&gt;
    &lt;ons-splitter-content&gt;
      &lt;ons-navigator id="navi" page="home.html"&gt;&lt;/ons-navigator&gt;
    &lt;/ons-splitter-content&gt;
  &lt;/ons-splitter&gt;
  
  
  &lt;ons-tabbar id="menu2" position="bottom"&gt;
  &lt;ons-tab page="home.html" label="Search For Personal Trainers" icon="search-plus" onclick="fn.load('home.html')" tappable disabled&gt;&lt;/ons-tab&gt;
  &lt;/ons-tabbar&gt;
  </code></pre>
  
  <p>any help would be appreciated.</p>