Sidemenu footer

Ionic Framework ionic-v3
1

How to insert a footer with icon and click function in sidemenu?

2

If you are using ionic 1:
Add below code after ion-content in menu.html

<ion-footer-bar class="bar-positive" ng-click="logout()">
            <button class="button button-clear white-color"  menu-close><i class="icon ion-power"></i>&nbspLogout</button>
</ion-footer-bar>
3

For Ionic 2+

<ion-footer>
  <ion-toolbar>
    <ion-title>Footer</ion-title>
  </ion-toolbar>
</ion-footer>

Reference http://ionicframework.com/docs/api/components/toolbar/Footer/

4

but what about the icon?

5

Just as you would do it in the header:

<ion-footer>
  <ion-toolbar padding>
       <ion-buttons left>
      <button ion-button menuToggle>
        <ion-icon name="menu"></ion-icon>
      </button>      
    </ion-buttons>
  </ion-toolbar>
</ion-footer>
1 Like