Copy link to clipboard
Copied
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>
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
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
Hi Cateatsfood,
Thanks for sharing the details, please take a look at this prototype and check if this is something which you're looking for (https://xd.adobe.com/view/6708c452-6680-4c01-74fb-a6e9278ccd33-1139/).
Opacity is set to 0% for 1st state and 100% for 2nd states which with click to the next artboard.
Awaiting your response.
Thanks,
Atul_Saini