@mbrookson wrote:
With the iOS styling the side menu open and close animations don't work properly if the menu markup is in the same page as tabs. The animations work fine with the android styling.
Created a vanilla tabs project and added menu markup to the tabs page, with an open menu button in a tab view navbar...
<ion-tabs primary #mainMenuContent> <ion-tab [root]="tab1Root" tabTitle="1" tabIcon="home"></ion-tab> <ion-tab [root]="tab2Root" tabTitle="2" tabIcon="list-box"></ion-tab> <ion-tab [root]="tab3Root" tabTitle="3" tabIcon="contacts"></ion-tab> </ion-tabs> <ion-menu [content]="mainMenuContent"> <ion-toolbar primary> <ion-title>Menu</ion-title> </ion-toolbar> <ion-content> <ion-list> <button ion-item menuClose (click)="logout()"> Logout <ion-icon name="lock" item-right></ion-icon> </button> </ion-list> </ion-content> </ion-menu>
Posts: 1
Participants: 1