title: Displaying content in tabs on Onsen UI page
body: <p>I am building a single page app on onsen UI with various pages defined. One of the pages shows schedule for a two day event and so it's only logical to have tabs with dates and respective daily content.</p>
  
  <p>How would you do this in onsen ui considering all tutorials I've seen on tabs assume your main website navigation will use tabs which is not usually the case.</p>
  
  <p>Here's code I'd been tinkering with</p>
  
  <pre><code>&lt;ons-template id="schedule.html"&gt;
  &lt;ons-page&gt;
    &lt;ons-toolbar&gt;
      &lt;div class="left" style="line-height: 44px"&gt;
        &lt;ons-back-button&gt;Back&lt;/ons-back-button&gt;
      &lt;/div&gt;
      &lt;div class="center"&gt;Schedule&lt;/div&gt;
    &lt;/ons-toolbar&gt;
  
    &lt;div style="text-align: center"&gt;
          &lt;ons-tabbar  position="top"&gt;
              &lt;ons-tab page="dayone.html"&gt;
                  &lt;p&gt;Day One&lt;/p&gt;
              &lt;/ons-tab&gt;
              &lt;ons-tab page="daytwo.html"&gt;
                  &lt;p&gt;Day Two&lt;/p&gt;
              &lt;/ons-tab&gt;
          &lt;/ons-tabbar&gt;
  
          &lt;ons-tab active="true" page="dayone.html"&gt;
              &lt;ul class="list"&gt;
                  &lt;li class="list__item"&gt;Registration and viewing of exhibition stands&lt;/br&gt;8.30 – 9.00AM&lt;/li&gt;
                  &lt;li class="list__item"&gt;Welcome and Introductions&lt;br/&gt;9.00 – 9.10AM&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/ons-tab&gt;
          &lt;ons-tab page="daytwo.html"&gt;
              &lt;ul class="list"&gt;
                  &lt;li class="list__item"&gt;Registration and viewing of exhibition stands&lt;/br&gt;9.30 – 9.00AM&lt;/li&gt;
                  &lt;li class="list__item"&gt;Welcome and Introductions&lt;br/&gt;9.00 – 9.10AM&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/ons-tab&gt;
  
      &lt;br /&gt;
      &lt;ons-button modifier="light" onclick="myNavigator.popPage()"&gt;
        Pop Page
      &lt;/ons-button&gt;
    &lt;/div&gt;
  &lt;/ons-page&gt;
  </code></pre>
  
  <p> </p>