Skip to main content
C
cateatsfood
Participant
April 29, 2020
Answered

Appearance of all states becames 0% after setting it 0% for 1 state in XD.

  • April 29, 2020
  • 1 reply
  • 1190 views

I have a component that has a default state with appearance set to 100%. I created a new state called "fadeout" and then set the appearance to 0%.  The appearance for either state is 0% now?

 

The intent is to have an image placeholder fade in from 0% to 100% on another artboard after a click/transition to another artboard.

 

I have tried to add a secondary action but XD under the thought that the tap will trigger the first transition and then a secondary action could be triggered and my fade in would work however XD will not let me add another auto-animate type and destination, only audio playback or speech playback.

I could do this with JavaScript but don't see any CMD interface in XD to accomplish this either.

 

Is this something beyond the capabilities of XD? Where you can't have timed animations and transitions that one could normally accomplish with CSS3 / JavaScript?

 

<The Title was renamed by moderator>

This topic has been closed for replies.
Correct answer HARSHIKA_VERMA

Hey Harshika Verma,

 

That's the desired effect demonstrated in your example, however the problem is still the inability within XD to have an image placeholder fade in from 0% to 100% on another artboard after a click/transition to another artboard.

 

I should elaborate that I can transition from one artboard to another with a click/transition, but after that transition is complete, having an image placeholder on the new artboard fade in from 0 is the issue. Similar to a timed JavaScript animation sequence.


Thanks for elaborating. I would suggest submitting your feedback here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests so that our engineering team can look in to your request and share the link with us for tracking purpose.

 

Hope it helps.

 

Thanks,

Harshika

1 reply

HARSHIKA_VERMA
Community Manager
HARSHIKA_VERMACommunity Manager
Community Manager
April 29, 2020

Hi there,

 

Thank you for reaching out. In order to change the appearance of the component. You need to make sure you're not setting  the entire component to 0, and not the contents of the state.

 

Please see the attached gif.

 

Let me know if that helps.

 

Thanks,

Harshika

HARSHIKA_VERMA
Community Manager
HARSHIKA_VERMACommunity Manager
Community Manager
May 1, 2020

Hey Cateatsfood,

 

I would like to follow up on your query. Could you please confirm if the issue has been fixed for you or you need more assistance?

 

I would be happy to help.

 

Thanks,

Harshika

C
cateatsfoodAuthor
Participant
May 3, 2020

Hey Harshika Verma,

 

That's the desired effect demonstrated in your example, however the problem is still the inability within XD to have an image placeholder fade in from 0% to 100% on another artboard after a click/transition to another artboard.

 

I should elaborate that I can transition from one artboard to another with a click/transition, but after that transition is complete, having an image placeholder on the new artboard fade in from 0 is the issue. Similar to a timed JavaScript animation sequence.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices