Highlighted

Nested overlays?

Community Beginner ,
Jun 04, 2019

Copy link to clipboard

Copied

Scenario:

Main page >  Search pop up (overlay) > Search results (overlay on Search pop up.

When I run this on main page, the first pop up works but then the search results the search pop up disappears and just the search results are hovering on the main page.

After searching it seems this is a no go?  Is XD going to incorporate this?  For complex workflows this seems like a no-brainer.

Adobe Community Professional
Correct answer by Peter Villevoye | Adobe Community Professional

Well, that's exactly what I'd suggest: use 3 screens !

Screen 1: the main screen;

Screen 2: the same as 1, but with name added;

Screen 3: the same as 2, but with list of names added.

Use Dissolves to not show the whole screen changing.

Views

389

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Nested overlays?

Community Beginner ,
Jun 04, 2019

Copy link to clipboard

Copied

Scenario:

Main page >  Search pop up (overlay) > Search results (overlay on Search pop up.

When I run this on main page, the first pop up works but then the search results the search pop up disappears and just the search results are hovering on the main page.

After searching it seems this is a no go?  Is XD going to incorporate this?  For complex workflows this seems like a no-brainer.

Adobe Community Professional
Correct answer by Peter Villevoye | Adobe Community Professional

Well, that's exactly what I'd suggest: use 3 screens !

Screen 1: the main screen;

Screen 2: the same as 1, but with name added;

Screen 3: the same as 2, but with list of names added.

Use Dissolves to not show the whole screen changing.

Views

390

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 04, 2019 0
Adobe Employee ,
Jun 04, 2019

Copy link to clipboard

Copied

Hi Noquarter76, thanks for explaining the situation. In order to help you appropriately, would it be possible for you to share the link of the prototype so that we may have a better understanding. Even a sample file would work.

Thanks,

Atul_Saini

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 04, 2019 0
Adobe Community Professional ,
Jun 05, 2019

Copy link to clipboard

Copied

Hmm... I tried to recreate something similar to what you described, but I can't get it to work.

Ideally you probably would like to have two separate overlays for one screen, showing both, on top of each other.

But the Overlay action seems to be a state in which you enter and must leave again, before going anywhere or doing anything else.

Schermafbeelding 2019-06-05 om 14.36.21.png

I also tried letting the second overlay be an overlay on the first overlay, but it doesn't work either.

Schermafbeelding 2019-06-05 om 14.48.31.png

So I guess there's no way to get another overlay on top of the other, I'm afraid...

Nevertheless, it's easy enough to make a mock-up of the process with several screens.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 05, 2019 1
Community Beginner ,
Jun 05, 2019

Copy link to clipboard

Copied

Here is the link to the prototype:  Adobe XD

Script

1. Click the X button on the window to expose main page (not sure why this demo is loading the modal and not the main page on load... another bug?)

2. Click Modal

3. Click Name field (Notice how the page blinks and loads a new art board)   I should be able to just overlay the name in the field

4. Click Search (Notice how the page blinks as i has to go to a new art board)  I should be able to overlay the search results on the overlay

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 05, 2019 1
Adobe Community Professional ,
Jun 05, 2019

Copy link to clipboard

Copied

The navigation is a bit jumpy, but swiping through the screens, gives the idea.

I can think of many ways to achieve a good prototype of what you're trying to let reviewers see and test. And even without any overlays. But you should regard your work in XD more as working on a mock-up, a series of make-believe screens.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 05, 2019 0
Community Beginner ,
Jun 05, 2019

Copy link to clipboard

Copied

Not sure I follow.  

They are choppy but that's the point, they should not be.  I should be able to keep the overlayed pop up in place and just overlay data into it without needing to load a separate art board (which is why its choppy).  After looking through feedback it appears to be a requested feature.

Nested Overlays – Adobe XD Feedback : Feature Requests & Bugs

As far as different ways to do it, I would be interested in learning if you want to give a summary.  How else would you achieve a interactive pop up on a main screen?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 05, 2019 1
Community Beginner ,
Jun 05, 2019

Copy link to clipboard

Copied

Here are the art boards

How I have to set it up due to lack overlay in overlay

adobe-xd.png

How it would look if overlays were allowed inside of overlays

adobe-cd2.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 05, 2019 0
Adobe Community Professional ,
Jun 05, 2019

Copy link to clipboard

Copied

Well, that's exactly what I'd suggest: use 3 screens !

Screen 1: the main screen;

Screen 2: the same as 1, but with name added;

Screen 3: the same as 2, but with list of names added.

Use Dissolves to not show the whole screen changing.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 05, 2019 1
Adobe Community Professional ,
Jun 05, 2019

Copy link to clipboard

Copied

Nevertheless, the number of Transition and Overlay options are a bit limited.

A Reveal option would be useful to offer a little more pizzaz in animation types.

And of course using more Overlays in more ways would also be helpful...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 05, 2019 1
Community Beginner ,
Jun 05, 2019

Copy link to clipboard

Copied

Agreed.  Hope Adobe looks into adding more interaction with overlays

Thanks Peter

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 05, 2019 0
sim ar LATEST
Community Beginner ,
Jun 18, 2020

Copy link to clipboard

Copied

So there is no way to create Nested Menu with the Overlay method.

Cause the next set of overlay art-board doesn’t work, it shows a black screen.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 18, 2020 0