how to locate a popover, menuToggle and tituloHeader in ionic

Question

how to locate a popover, menuToggle and tituloHeader in ionic

Navigation

#1 by (0 votes)

0

I am doing a popover to my application in ionic 3, and it works well but it is not seen in the same line. I explain myself with the image

As you can see the menuToggle, promotions and the Popover look uneven

my code where the menu is from:

<ion-header>
  <ion-navbar>
    <button ion-button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title text-left>{{params.title}}</ion-title>
    <button ion-button float-right icon-only (click)="presentPopover($event)">
      <ion-icon name="more"></ion-icon>
    </button> 
  </ion-navbar>
</ion-header>

Another detail is that the popover is seen with that black background. the idea is to look like the other menutoggle button ... thanks. for your help

ionic3

asked by developer 15.04.2018 в 23:38

source

1 answer

Keras: ValueError: Dimension 0 in both shapes must be equal (VGGNets) Autocomplete html sql form

score 0 · Accepted Answer

You should enclose each button in a group of buttons something like this

<ion-header>

  <ion-navbar color="danger">

    <ion-buttons left>
      <button ion-button menuToggle>
        <ion-icon name="menu"></ion-icon>
      </button>
    </ion-buttons>

    <ion-title text-center>
      Page Title
    </ion-title>

    <ion-buttons end>
      <button ion-button icon-only (click)="presentPopover($event)">
        <ion-icon name="options"></ion-icon>
      </button>
    </ion-buttons>

  </ion-navbar>

</ion-header>

I'll attach an example link