diff --git a/src/components/split-pane/test/menus/app/app.component.html b/src/components/split-pane/test/menus/app/app.component.html
index 738983577e..7943fc9508 100644
--- a/src/components/split-pane/test/menus/app/app.component.html
+++ b/src/components/split-pane/test/menus/app/app.component.html
@@ -1,10 +1,10 @@
 
 <ion-split-pane (ionChange)="splitPaneChanged($event)">
-  <ion-menu [content]="content" id="menu1">
+  <ion-menu [content]="content" id="menu_default">
 
     <ion-header>
       <ion-toolbar color="secondary">
-        <ion-title>Menu 1</ion-title>
+        <ion-title>Menu DEFAULT</ion-title>
       </ion-toolbar>
     </ion-header>
 
@@ -17,11 +17,11 @@
   </ion-menu>
 
 
-  <ion-menu [content]="content" id="menu2">
+  <ion-menu [content]="content" id="menu_start" side="start">
 
     <ion-header>
       <ion-toolbar color="danger">
-        <ion-title>Menu 2</ion-title>
+        <ion-title>Menu START</ion-title>
       </ion-toolbar>
     </ion-header>
 
@@ -33,11 +33,11 @@
 
   </ion-menu>
 
-  <ion-menu [content]="content" id="menu3">
+  <ion-menu [content]="content" id="menu_end" side="end">
 
     <ion-header>
       <ion-toolbar color="primary">
-        <ion-title>Menu 3</ion-title>
+        <ion-title>Menu END</ion-title>
       </ion-toolbar>
     </ion-header>
 
@@ -48,11 +48,24 @@
     </ion-content>
   </ion-menu>
 
-  <ion-menu [content]="content" id="menu4" side="right">
-
+  <ion-menu [content]="content" id="menu_left" side="left">
     <ion-header>
       <ion-toolbar color="dark">
-        <ion-title>Menu 4</ion-title>
+        <ion-title>Menu LEFT</ion-title>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content>
+      <ion-list>
+        <ion-item>Example</ion-item>
+      </ion-list>
+    </ion-content>
+  </ion-menu>
+
+  <ion-menu [content]="content" id="menu_right" side="right">
+    <ion-header>
+      <ion-toolbar color="dark">
+        <ion-title>Menu RIGHT</ion-title>
       </ion-toolbar>
     </ion-header>
 
diff --git a/src/components/split-pane/test/menus/pages/page-one/page-one.html b/src/components/split-pane/test/menus/pages/page-one/page-one.html
index 086d8a9d8f..fd8ed63e0f 100644
--- a/src/components/split-pane/test/menus/pages/page-one/page-one.html
+++ b/src/components/split-pane/test/menus/pages/page-one/page-one.html
@@ -8,12 +8,16 @@
 </ion-header>
 <ion-content padding>
   <h1>Page 1</h1>
+  <ion-list>
+    <button ion-item (click)="menuDefault()">Enable default</button>
+    <button ion-item (click)="menuStart()">Enable side="start"</button>
+    <button ion-item (click)="menuEnd()">Enable side="end"</button>
+    <button ion-item (click)="menuLeft()">Enable side="left"</button>
+    <button ion-item (click)="menuRight()">Enable side="right"</button>
+    <button ion-item (click)="disableAll()">Disable all</button>
+  </ion-list>
+
   <button ion-button (click)="push()">Push</button>
-  <button ion-button (click)="menu1Active()">Enable menu 1</button>
-  <button ion-button (click)="menu2Active()">Enable menu 2</button>
-  <button ion-button (click)="menu3Active()">Enable menu 3</button>
-  <button ion-button (click)="menu4Active()">Enable menu 4 (right)</button>
-  <button ion-button (click)="disableAll()">Disable all</button>
 
   <div f></div>
   <div f></div>
diff --git a/src/components/split-pane/test/menus/pages/page-one/page-one.ts b/src/components/split-pane/test/menus/pages/page-one/page-one.ts
index c2952cc0a7..1304f49e70 100644
--- a/src/components/split-pane/test/menus/pages/page-one/page-one.ts
+++ b/src/components/split-pane/test/menus/pages/page-one/page-one.ts
@@ -9,34 +9,41 @@ export class PageOne {
     public navCtrl: NavController,
     public menuCtrl: MenuController,
   ) {
-    this.menuCtrl.enable(false, 'menu4');
+    this.disableAll();
+    this.menuCtrl.enable(false);
   }
 
   push() {
     this.navCtrl.push('PageTwo');
   }
 
-  menu1Active() {
-    this.menuCtrl.enable(false, 'menu4');
-    this.menuCtrl.enable(true, 'menu1');
+  menuDefault() {
+    this.disableAll();
+    this.menuCtrl.enable(true, 'menu_default');
   }
-  menu2Active() {
-    this.menuCtrl.enable(false, 'menu4');
-    this.menuCtrl.enable(true, 'menu2');
-  }
-  menu3Active() {
-    this.menuCtrl.enable(false, 'menu4');
-    this.menuCtrl.enable(true, 'menu3');
-  }
-  menu4Active() {
-    this.menuCtrl.enable(false, 'menu1');
-    this.menuCtrl.enable(false, 'menu2');
-    this.menuCtrl.enable(false, 'menu3');
 
-    this.menuCtrl.enable(true, 'menu4');
+  menuStart() {
+    this.disableAll();
+    this.menuCtrl.enable(true, 'menu_start');
+  }
+
+  menuEnd() {
+    this.disableAll();
+    this.menuCtrl.enable(true, 'menu_end');
+  }
+
+  menuLeft() {
+    this.disableAll();
+    this.menuCtrl.enable(true, 'menu_left');
+  }
+
+  menuRight() {
+    this.disableAll();
+    this.menuCtrl.enable(true, 'menu_right');
   }
 
   disableAll() {
     this.menuCtrl.enable(false);
+
   }
 }