Can a modal screen be overlaid over another screen?

Get Help Design
1

As I understand it, a modal screen is actually a separate screen from the screen from which it was launched.

What I’m looking for is a way to have a popup message, or a drop down menu, where you can see the original screen greyed out in the background.

Is this possible?

Not a big problem, but it’s a common design on many apps. Thanks anyone!

2

yes, it is possible

3

Thanks Toddy.

Can I ask how to do it?

4

yes, you can ask how

1 Like
5

I believe your question is:

How do I create a popup message, or a dropdown menu, with the original screen greyed out in the background? (correct?)

Use a modal screen. It’s pretty easy. So, I am not sure where you are stuck.
Change the opacity. Create a link.

try looking it up, or share a screen shot here. describe where exactly you are stuck.

6

Screen Shot 2022-03-12 at 7.10.48 PM
Screen Shot 2022-03-12 at 7.10.48 PM1920×1258 55.9 KB

If the orange screen would be the part you want greyed out,

(The blue square is the modal screen)

  1. You would want to create a modal that was the same size as the orange screen
  2. Lower the opacity
  3. Create another shape on top. (your pop up) Place it where you want.
  4. Place your text / button etc. on top

I hope that helps / works. It has been a few months since I have made one.

7

I figured out what I was doing wrong. I’ve been forgetting to lower the background opacity. Like you, it’s been a while since I created a modal screen, and I didn’t realize I’be been setting a full color background.

It’s always good to get fresh eyeballs! Thanks!

1 Like
8

Great! Glad you got it. You’re welcome.