Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Stacked overlays and double returns?

New Here ,
Oct 02, 2020 Oct 02, 2020

Copy link to clipboard

Copied

Hello,

 

I am rather new to XD and currently working on a desktop application design (no mobile variant). At the moment I've run into the following situation that I cannot resolve:

1. I have three screens (artboards) from which I can open the same window to create/input a certain new data item.

This works well with overlay and the return to previous function upon "Save".

2. The problem is that this overlay also has a "Cancel" button, upon which a pop-up of the type "Really cancel?" appears. "No" would be a return to the overlay to continue work (1 step back), "Yes" to the underlying artboard (i.e. 2 steps back).

 

Is there any way to achieve this with artboards, overlays, and connections? Thanks in advance!

TOPICS
How to

Views

240

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
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Oct 02, 2020 Oct 02, 2020
Hi Faros. What you want can be achived using component states. Your overlay card can be built as a component with 2 states. Hitting Save would return to previous artboard. Hitting Cancel would switch to the second state of the component, with your "Are you sure?" dialog. The "Yes" button in the second state would be wired to 'Previous Artboard', and the "No" button will switch back to the default state. Hope this helps. Cheers!

Likes

Translate

Translate
Adobe Employee ,
Oct 02, 2020 Oct 02, 2020

Copy link to clipboard

Copied

Hi there,

 

Thanks for reaching out. I tried reproducing this use case on my end and if I understood this correctly we can achieve this. Please have a look at this sample prototype: https://xd.adobe.com/view/6ae8a620-9f80-43b4-b29c-34ade9dc535d-3fbb/

 

sample1.PNGsample2.PNG

 

Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh

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
community guidelines
Adobe Community Professional ,
Oct 02, 2020 Oct 02, 2020

Copy link to clipboard

Copied

Hi Faros.

 

What you want can be achived using component states.

 

Your overlay card can be built as a component with 2 states.

Hitting Save would return to previous artboard.

Hitting Cancel would switch to the second state of the component, with your "Are you sure?" dialog.

The "Yes" button in the second state would be wired to 'Previous Artboard', and the "No" button will switch back to the default state.

 

Hope this helps.

Cheers!

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
community guidelines
New Here ,
Oct 04, 2020 Oct 04, 2020

Copy link to clipboard

Copied

LATEST

Hi Spas,

 

the overlay states hint was great. It works well now - thanks a lot!

 

All the best

Faros

 

(Side note: XD really put up a fight until I could achieve this. First I could not insert a component, the pop-up, properly into one state of the other component, the overlay, then it took some attempts until XD offered me to switch from the main state to the pop-up state through clicking on one single button, although it prefectly worked the other way round. Weird.)

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
community guidelines