Can i overlay a component on top of another overlaid component? Please help.

Forum|Forum|4 years ago
May 12, 2021
2 replies
882 views

Hi all, while producing a very basic prototype i was attempting the have a slide out navigation appear on top of another slide out component. At the moment one closes the other and i want it to overlay over the top. Is this possible? I can't figure out what i'm doing wrong.

Thank you

This topic has been closed for replies.

Praveen Jose

Participating Frequently

Hi @shemmings75

Sorry but there is no direct way to do this in Adobe XD. You can enable this in 2 steps but first you need to separate both the overlays. You need to create 3 artboards total instead of 2.

Artboard 1: Has the option to click

Artboard 2: First overlay and the animation for it

Artboard 3: Second transistion component (Should be hidden and minimised in artboard 2)

Process

Step 1: Create the overlay for artboard 1-2 in a normal way

Step 2: Create a time based transistion of 0.2/0.4 secs (depending on the time in your first transistion) from artboard 2-3

Please let us know if this workaround helps. I've tried it once and it does a pretty similar and good job.

Thanks, Jose

Gracias, Jose

S

shemmings75Author

Participant

Thanks Jose, I'll give it a try. You will see on the screen grabs I've attached above I was investigating having the navigation sliding out on top of the help centre slide out.

Myra Ferguson

Community Expert

What you're trying to do, have an overlay on top of another overlay, is considered a nested overlay. Nested overlays aren't supported in Adobe XD:

Add overlays

What is the 2nd overlay? I wonder if you could accomplish what you want with a button that has no fill or stroke in the Default State and the content you want in State 2.