Skip to main content
J
Jr-Yun5CF8
Participant
September 16, 2021
Answered

Weird transparent moving words appear when making a tab interaction

  • September 16, 2021
  • 1 reply
  • 476 views

Hi I just started Adobe XD for like two days and only got through the basic tutorials on the website. I was trying to create a portfolio website prototype and when I was using the tab function on a scrolling menu, there is moving transparent words appear during the transition.

 

So basically I want to tab the list on the left side and then there is something showing on the right. If the text on the right is too long then there is a scrolling bar to move the text to the bottom. So basically I create two artboards for the menu which needs a scrolling function and one artboard for the menu has shorter text.

For example in the Work Experience Artboard 1 I can tab another menu such as Awards and then it will transition to the Awards Artboard 1 smoothly. However when I scroll down the text in the Awards Artboard 1 it will scroll to the Award Artboard 2, and then if the user wants to click on another menu they don't have to scroll back to the Artboard 1, they just have to click the menu directly so I link the Artboard 2 directly back to Work Experience Artboard 1. But then weird thing is that when I click the Work Experience Tab from Award Artboard 2, something is moving on the screen which I don't want to show. I tried to click the Work Experience Tab from Award Artboard 1 to see if there is the same problem but there isn't, it transitions smoothly as I expected. I checked the setting on the interaction they were all the same which I couldn't figure out where the problem is.

 

Can someone tell me that if I did something wrong with a prototype or something else happened??

    This topic has been closed for replies.
    Correct answer Spas K.

    Hi there. The problem is probably a duplicate layer with the same name, or a missing one (for the 'flying' word). Auto-animate looks at layer names when animating, so if there's an extra layer with the same name on the next artboard, or it can't find it, it starts doing weird things.

     

    If you can share the .xd file itself, I can take a look and see where the issue is coming from.

    1 reply

    Spas K.
    Community Expert
    Spas K.Community ExpertCorrect answer
    Community Expert
    September 16, 2021

    Hi there. The problem is probably a duplicate layer with the same name, or a missing one (for the 'flying' word). Auto-animate looks at layer names when animating, so if there's an extra layer with the same name on the next artboard, or it can't find it, it starts doing weird things.

     

    If you can share the .xd file itself, I can take a look and see where the issue is coming from.

    J
    Jr-Yun5CF8Author
    Participant
    September 17, 2021

    Hi Spas

     

    Thanks for answering! I checked the artboard name and has changed them into a different one (I think they were already different because when duplicate they will automatically add a number in it but I try to rename them) but it didn't solve the problem.

     

    But then I realize there is only one word that is flying in all the artboards when transitioning and then I found that there is like a ghost text (?) that I didn't apply for in each artboard and when I tried to delete them the flying word disappear! So my problem is solved right now! I don't know why there is a ghost text in each artboard perhaps when I duplicated them it starts doing a weird thing....? I'm not sure.

     

    However still thanks for your help! I didn't realize I should check the artboard until you mentioned about it. I was kept thinking it's a prototype interaction mistake! Thanks a lot!

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