Skip to main content
Karl5FC9
Participating Frequently
Apr 16, 2021 2:16 PM UTC
Answered

Hover state - Please help!

Helllo,

 

I'm designing a webpage in XD. On the homepage I have a list of names. I'm trying to create a design in which if the user hovers over a name then an image will appear on the page. Could anyone tell me if this is possible? Ive tried everything with componnents and hover states and I cant get it to work 😞

 

Any help would be appreciated.

 

Thanks!

 

Karl

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Dan Rodney
    Dan RodneyCorrect answer
    Community Expert
    Apr 16, 2021 9:24 PM UTC
    1. Make the text a component
    2. Add a hover state
    3. IMPORTANT STEP: to enter the hover state, you have to double-click on the text.
    4. In the hover state add the photo.
    5. Switch the component back to the default state

    Test it and it should work.

    Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
    View reply

    7 replies

    Dan Rodney
    Community Expert
    Dan RodneyCommunity ExpertCorrect answer
    Community Expert
    Apr 16, 2021 9:24 PM UTC
    1. Make the text a component
    2. Add a hover state
    3. IMPORTANT STEP: to enter the hover state, you have to double-click on the text.
    4. In the hover state add the photo.
    5. Switch the component back to the default state

    Test it and it should work.

    Translate
    Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
    Karl5FC9Author
    Participating Frequently
    Apr 16, 2021 9:35 PM UTC

    Dan,

    Amazing! It worked! Thank you so much! 🙂 🙂 🙂

    Translate
    Abhidas
    Participating Frequently
    Apr 16, 2021 3:02 PM UTC

    Hi Karl,

     

    Thanks for psoting your issue here. Can you share some reference video, like what exactly are you trying to achieve here?

    I have attached a video, can you check and let us know if this is what you want?

     

    Regards,

    Abhishek Das (Adobe XD Team)

    Translate
    Karl5FC9Author
    Participating Frequently
    Apr 16, 2021 3:47 PM UTC

    Hi Abhishek!

     

    I've attached a video below to illustarte what im trying to achieve. Wondering if it's achieveable at all? Thank you so much.

    Translate
    Chris W. Griffith
    Community Expert
    Chris W. GriffithCommunity Expert
    Community Expert
    Apr 16, 2021 8:47 PM UTC

    It is possible, but your component might be clunky as it the element you hover on and the connected image would have to be within the same component. There is no way for XD to say when you hover over component X then change the state of this other element.

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