How to position a modal page?


#1

Hi

How to set the position (top, left, width and height) of a modal page?

Thank you.


#2

I’m assuming you are working with Android? iOS the modal takes up the full screen. On Android it is centered unless you pass in fullscreen: true in the modal context. I prefer setting my modal to fullscreen, then using GridLayout or other Layout elements to design the screen.


#3

Hi, so there’s no way to do a half height modal like Instagram an other apps do?

Like this:


#4

This is how I’m trying to do, I need top portion of background page to be visible.


#5

Looks like the only solution for now is to fake it. Create a modal component that contains the fullscreen semi transparent background with a stack layout with modal content.