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

Community Beginner ,
Apr 29, 2020

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

TOPICS
Design, Product performance

Views

504

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

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

Community Beginner ,
Apr 29, 2020

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

TOPICS
Design, Product performance

Views

505

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
Apr 29, 2020 0
Adobe Employee ,
Apr 29, 2020

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.

appearance.gif

 

Let me know if that helps.

 

Thanks,

Harshika

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...
Apr 29, 2020 0
Adobe Employee ,
May 01, 2020

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

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...
May 01, 2020 0
Community Beginner ,
May 03, 2020

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.

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...
May 03, 2020 0
Adobe Employee ,
May 06, 2020

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

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...
May 06, 2020 0
Adobe Employee ,
May 15, 2020

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

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...
May 15, 2020 1