I am trying to use popOver on a page with the popOver having a few icons. Everything is working fine except that I cannot increase the width of the popover and I get a scroll bar at the bottom if I increase the width in the style sheet.
I am using ionic2 with the following method:
presentPopover(myEvent) {
let popover = Popover.create(PopoverPage);
this.nav.present(popover, {
ev: myEvent
});
}
and the template for the popover is:
(pls note that I have replaced < and > with | as otherwise it gets formatted as html page)
<ion-grid class="popover-page">
<ion-row>
<ion-col>
<img src="img/a.jpg">
</ion-col>
<ion-col>
<img src="img/b.jpg">
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<img src="img/c.jpg">
</ion-col>
<ion-col>
<img src="img/d.jpg">
</ion-col>
</ion-row>
</ion-grid>
Appreciate any help.
thanks
Angelo