Popover width

Hi,

I am using a popover on a page with the following code:

presentPopover(myEvent) {
let popover = Popover.create(ActionsPage);
this.nav.present(popover, {
ev: myEvent
});
}

On the popup page I have contents that need a bit of space but the popover window seems to have a fixed width. Is there a way I could increase the width?

Thanks

1 Like

See: Popover styling

1 Like

You can change the scss variable for example:

$popover-md-width: 300px;

Docs

If you want a more dynamic width, you have to hack a bit. Sadly. Not fully tested but the popover position is absolute. So you have to set the width AND left. Or play with transform or margin value. Otherwise the popover will not center. Use your browser and click on your popover DOM.