Show more button

Ionic Framework ionic-v3
1

Hello,

I cannot figure out how to implement the items for the show more button.

<ion-footer>
  <ion-toolbar text-center="">
    <ion-buttons>
      <button ion-button>
        <ion-icon name="home"></ion-icon>
      </button>
      <button ion-button>
        <ion-icon name="contacts"></ion-icon>
      </button>
    </ion-buttons>
    <ion-buttons end>
      <button ion-button (click)="doClick()">
        <ion-icon name="more"></ion-icon>
      </button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>
2

Man you need to describe your problem, take a time to do it better and don’t just drop your problem here and ask for someone to solve it for you, it is for doubts don’t for entire problems resolution.

1 Like
3

I want that when click on the button “more” to display two menu items.

4

you can use this action Sheets like this


import { ActionSheetController } from 'ionic-angular';

export class MyPage {
  constructor(public actionSheetCtrl: ActionSheetController) {
  }

  presentActionSheet() {
    let actionSheet = this.actionSheetCtrl.create({
      title: 'Modify your album',
      buttons: [
        {
          text: 'Destructive',
          role: 'destructive',
          handler: () => {
            console.log('Destructive clicked');
          }
        },{
          text: 'Archive',
          handler: () => {
            console.log('Archive clicked');
          }
        },{
          text: 'Cancel',
          role: 'cancel',
          handler: () => {
            console.log('Cancel clicked');
          }
        }
      ]
    });
    actionSheet.present();
  }
}

and call the presentActionSheet() inside your more button
Whatever you want it will be
good luck
Thanks