Skip to main content
Participant
September 16, 2022
Question

Hover States for Individual objects in a components

  • September 16, 2022
  • 1 reply
  • 299 views

Hi,

 

I'm new Adobe XD and practising with Hover State. I have a US map svg and would like to have individual states highlighed on hover. However, When I do so XD considers the whole map one component and highlight the whole map on hover instead. Is there a way to distribute the hover states to individual objects so I can highlight one state at a time? I add state to each object one at a time but it'll be waste of time considering I'll have to do Zip codes next.

 

Any help would be great!

 

Best

This topic has been closed for replies.

1 reply

HARSHIKA_VERMA
Community Manager
Community Manager
September 16, 2022

Hi @Raven26151204ut6e,

 

Welcome to the Adobe XD Community!

 

Thank you for reaching out. If I heard you right, you're trying to do something similar as mentioned here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/42802388-multiple-hover-states 

 

If so, then I would request you to please check "Elaine's comment" in the comment section.

 

Let us know if that helps.

 

Thanks,

Harshika

Participant
September 26, 2022

Hi @HARSHIKA_VERMA ,

 

Thank y ou for the reply. But it doesn't seem to be what I'm looking for. I only need 1 hover state per object. However I have 50 objects to do. Foreach of them I have to: (1) create Component → create Hover state →  Change colour for object in Hover State (darken the object on hover).

 

Ex: If I select 5 objects at once, create Component, Hover state then hover on the object, the whole component of 5 objects are affect (because they are considered 1 single component).

 

Is there a way to select 5 objects, create components and hover state for each of the 5 objects instead of all 5 at once?

Make Component:

 

Intended Behaviour (Darken only 1 Circle on hover)

 

Current Behaviour: All 5 are Darken at once.

 

 

 

 

 

 

 

I can do for each circle, but on the US map, we have 50 states.

Any help would be greatly appreciated,

 

Best Regards,