Highlighted

Adobe XD: Move adjacent elements in hover state

New Here ,
Sep 22, 2020

Copy link to clipboard

Copied

I'm creating a component that shows user rating on click. which basically expands in size when clicked/hovered.

 

So, i'm looking if there a way for the adjacent elements to react according to the current state of the component? I mean this is possible using stack in design mode, but when we preview the design, the elements don't adjust dynamically.

Hi there,

 

Sorry to hear about the trouble. There are certain limitations with stacks which are listed below:

 

  1. 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.
  2. Components cannot act as a background for padding and stacks. Instead, create one component that contains both the content and the background.
  3. 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

TOPICS
Design, How to, Missing feature, Prototyping

Views

54

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

Adobe XD: Move adjacent elements in hover state

New Here ,
Sep 22, 2020

Copy link to clipboard

Copied

I'm creating a component that shows user rating on click. which basically expands in size when clicked/hovered.

 

So, i'm looking if there a way for the adjacent elements to react according to the current state of the component? I mean this is possible using stack in design mode, but when we preview the design, the elements don't adjust dynamically.

Hi there,

 

Sorry to hear about the trouble. There are certain limitations with stacks which are listed below:

 

  1. 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.
  2. Components cannot act as a background for padding and stacks. Instead, create one component that contains both the content and the background.
  3. 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

TOPICS
Design, How to, Missing feature, Prototyping

Views

55

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
Sep 22, 2020 0
Adobe Employee ,
Sep 23, 2020

Copy link to clipboard

Copied

Hi there,

 

Sorry to hear about the trouble. There are certain limitations with stacks which are listed below:

 

  1. 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.
  2. Components cannot act as a background for padding and stacks. Instead, create one component that contains both the content and the background.
  3. 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

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...
Sep 23, 2020 0