I have a more tab as my left most icon in the lower toolbar and I want to position a popover above it. Currently passing along the event centers the popover. I trigger the popover display via an ionSelect event and that is the event I am passing onto the present method. Any suggestions on how to handle this?
<ion-tab tabTitle="More" tabIcon="more" [tabBadge]="setNotificationCount()" tabBadgeStyle="danger" (ionSelect)="showPopOver($event)"></ion-tab>
// Show more popover when More tab is clicked
showPopOver(event) {
// Create and show the more popover
this.moreshared.popover = this.popoverCtrl.create(TabMorePopoverPage);
this.moreshared.popover.present({
ev: event
});
this.moreshared.popover.onDidDismiss((data) => {
this.moreshared.popOverClosed();
});
}