How to use Overlays in XD prototype?

[Ilias Mandalos]

I am dealing with a weird situation here and i would love some help please. So i am in prototype mode and i have imported a png file displaying an android keyboard. When i try to use a button with a tap trigger that would lead to the keyboard as an overlay it seems that i cannot choose the keyboard. I tried everything. I made the image keyboard component, masked with shape, but it is not there for adobe xd. The other way around is working. You can select the image (keyboard) and set a trigger-like tap that drives you to an artboard. What should i do ? Help please !

{Rename By MOD}

[Kenneth Kawamoto · Accepted solution]

The overlay needs to be an artboard

[Ilias Mandalos]

Thank you, Kenneth! problem solved 

[Nora22151099skk0]

Hi Kenneth, 

I'm having a similar problem and I cannot find a solution for it. 

I'm trying to use an overlay on a long (scrolling) Landingpage for a desktop version. Unfortunately it seems like I cannot move the green Overlay frame lower down on the layout, since it apparently has to stick inside of the viewport. I don't want to change the size of the viewport. Is there anything I can do to move the green overlay frame? 

[Kenneth Kawamoto]

You can try using component states instead of overlay

[Rishabh_Tiwari]

Hi Ilias, 

Thanks for reaching out. I found a UserGuide that might help you so please refer to this guide https://helpx.adobe.com/xd/help/add-overlays.html and let us know if this helps or if you need any further assistance.

Regards

Rishabh