[Stacks] Only in design mode?

Question

I'm designing a screen with elements with dynamic height. Depending on its' states, the size can be taller or smaller.

I arranged these elements one under the other, grouped and checked the stacks feature. In design mode, when I select one element's state with taller height, all other components go down due to stack feature.

I noticed that while previewing this screen, changing components' state isn't changing others position, like the stack feature doesn't work. My question is; the stack feature works in design mode only?

How could I achieve the desired effect?

Rishabh_Tiwari · Answer

Hi Franco,

We're so sorry for the delay in response. There are certain limitations with stacks which are listed below:

If you hover an element with a hover state that grows in size, the background does not resize to fit the new state, and elements in the stack are not pushed away.
Components cannot act as a background for padding and stacks. Instead, create one component that contains both the content and the background.
You cannot:
- Convert special groups into masks or Boolean groups into stacks.
- Resize stacks in the stack direction.
- Select a stack element and elements outside of the stack.

For more information, please refer to this similar discussion: https://helpx.adobe.com/xd/user-guide.html/xd/help/create-dynamic-designs-with-stacks.ug.html

Regards

Rishabh

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded