1.0.0 • Published 8 years ago

ionic_native_sidemenu v1.0.0

Weekly downloads
1
License
ISC
Repository
github
Last release
8 years ago

IonicNativeSidemenu

Native side menu for Ionic Apps

Step 1: download the zip file and extract

Step 2: Load JS & CSS in project ex:

	<script src="js/NativeSideMenu.js"></script>
    <link href="css/NativeSideMenu.css" rel="stylesheet">

Step 3: Declare 'ionic.contrib.NativeDrawer' in app module ex:

	var app = angular.module('Demo',['ionic','ionic.contrib.NativeDrawer']);
    

Step 4: Changes in html template

    ex: 
            <ion-side-menus>
                 <ion-side-menu-content>
					  <ion-nav-bar class="bar-positive-900">
						<ion-nav-back-button class="no-text" ng-click="backToPreviousPage();">
						</ion-nav-back-button>
						<ion-nav-buttons side="left">
						  <button class="button button-icon button-clear ion-android-menu"
						  menu-and-drawer-toggle>
						  </button>
						</ion-nav-buttons>
					  </ion-nav-bar>
					  <ion-pane drawer-menu-content>
						<ion-nav-view name="menuContent"></ion-nav-view>
					  </ion-pane>
                 </ion-side-menu-content>
				 
                 <drawer side="left">
                    <ion-content>
                    </ion-content>
                 </drawer>
            </ion-side-menus>
        

Step 5: That's it !!!

Credits and Reference : https://github.com/driftyco/ionic-ion-drawer

Happy coding. :)