How do I create a modal popup?


#1

Hi forgive my newbie-ness. I’m trying to create a modal popup and thought that the “modal screen” would do this for me but it doesn’t. What is the purpose of the “modal screen” if it doesn’t behave as a pop-up? Do I need to create a separate mockup and use my original as a symbol. Really confused. Thanks!!


#2

Yes, you need to add a seperate mockup and use the “modal screen” as a background for your popup.


#3

Thanks Frederik

Paul Cullen / Principal
pcullen@1-truth.commailto:pcullen@1-truth.com
skype: pauldcullen
mobile/whatsapp: +44 7736 255557
www.1-truth.comhttp://www.1-truth.com/


#4

Hi @pcullen,

As @heringsfilet mentioned, you will need to create a mockup for each “state” you want to demonstrate. Once this is done, you can easily link those mockups together if needed.

Happy Wireframing! :slight_smile:


#5

Just FYI, to get modal effect on screen. I put a gray screen layer with some opacity so you can see screen behind it :slight_smile:


#6

This is what the built-in “modal” component does, isn’t it?