title: Show side menu in Ionic
body: <p>I tried many solutions to display side menu button but none appears to work. Let me know what I am missing. I want to have left side menu burger icon on my left side along with the tabs as well. </p>
  
  <p>If anything else you need from my side, let me know please.</p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>  .state('tab', {
      url: '/tab',
      abstract: true,
      templateUrl: 'templates/tabs.html'
    })
  
    .state('tab.activity', {
      url: '/tab-activity',
      views: {
        'tab-activity': {
          templateUrl: 'templates/tab-activity.html',
          controller: 'tabActivityCtrl'
        }
      }
    })
  
    .state('tab.profile', {
      url: '/tab-profile',
      views: {
        'tab-profile': {
          templateUrl: 'templates/tab-profile.html',
          controller: 'tabProfileCtrl'
        }
      }
    })
  </code></pre>
  
  <p>Following is my content in <strong>tabs.html</strong> file -</p>
  
  <pre><code>&lt;ion-side-menus&gt;
    &lt;ion-side-menu-content&gt;
      &lt;ion-nav-bar class="bar-energized nav-title-slide-ios7"&gt;
        &lt;ion-nav-back-button class="button-clear"&gt;&lt;i class="icon ion-ios7-arrow-back"&gt;&lt;/i&gt;&lt;/ion-nav-back-button&gt;
      &lt;/ion-nav-bar&gt;
      &lt;ion-nav-view name="snd" animation="slide-left-right"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-side-menu-content&gt;
  
    &lt;ion-side-menu side="left"&gt;
      &lt;ion-header-bar class="bar bar-header bar-assertive"&gt;
        &lt;h1 class="title"&gt;Second Section Left Menu&lt;/h1&gt;
      &lt;/ion-header-bar&gt;
      &lt;ion-content has-header="true"&gt;
        &lt;ul class="list"&gt;
          &lt;a ui-sref="snd.home" nav-clear class="item"&gt;Home&lt;/a&gt;
          &lt;a ui-sref="snd.chat" nav-clear class="item"&gt;Chat&lt;/a&gt;
          &lt;a ui-sref="snd.drink" nav-clear class="item"&gt;Drink&lt;/a&gt;
        &lt;/ul&gt;
      &lt;/ion-content&gt;
      &lt;ion-footer-bar class="bar bar-footer"&gt;
        &lt;a class="button button-fullwidth" ui-sref="snd.policy" ng-click="toggleLeft()"&gt;Privacy Policy&lt;/a&gt;
      &lt;/ion-footer-bar&gt;
    &lt;/ion-side-menu&gt;
  &lt;/ion-side-menus&gt;
  
  &lt;ion-tabs class="tabs-icon-top tabs-color-active-positive"&gt;
    &lt;!-- Activity Tab --&gt;
    &lt;ion-tab title="Activity" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/tab-activity"&gt;
      &lt;ion-nav-view name="tab-activity"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
  
    &lt;!-- Profile Tab --&gt;
    &lt;ion-tab title="Profile" icon-off="ion-ios-people" icon-on="ion-ios-people" href="#/tab/tab-profile"&gt;
      &lt;ion-nav-view name="tab-profile"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
  &lt;/ion-tabs&gt;
  </code></pre>