Fix Modal Popup position relative to Modal

Is it possible to fix the popup of the modal relative to the modal button?

I want to create a submenu that appears to pop out of the modal but if I use on different screen size the popup jumps around, regardless if I use %age of screen or pixels.

Also not sure I’ve fixed the position of the modal yet in my design so ideally I’d like to move it around without having to constantly update the position of the popup.

1 Like

It’s not possible with a modal per say, but you could use a simple panel widget instead, whose visibility depends on a toggle button, like in this example session fake_modal.json (3.4 KB). This way you can chose where the panel appears exactly although you won’t get the overlay effect.

Edit: here’s another experiment with an overlay effect behind the modal panel. fake_modal_overlay.json (3.9 KB). The overlay and the close button are clones of the toggle button, which is why clicking on either of them closes the modal.

2 Likes

Thanks - will try those suggestions out.

Any chance the relative position functionality will appear in a future release?!..

Turns out it was a simple addition to make. included in v1.7.0-beta3.

1 Like

Brilliant! Thanks so much!

There are still some quirks as of beta3, I had to change it a bit for next release (the relative mode will only apply to the popup’s position, not it’s size)

Position only is fine - almost better as maintains flexibility of the actual modal pop up size.

Thanks again!