I have made an component with 3 differen states (Default, Hover and selecterd) (printscreen 1) If I prototype the screen, the hover state apppear and I can select the checbkbox (printscreen 2). If the focus goes outside the hover, the checkbox will come in the de-select state (printscreen 3). Can someone help met with this case?

N

Nanda25393808qh8i

Participant

Question

If a select a checkbox in a hover state, after clicking outside the comp the select state dissapear

Forum|Forum|3 years ago
September 14, 2022
1 reply
310 views

I have made an component with 3 differen states (Default, Hover and selecterd) (printscreen 1)
If I prototype the screen, the hover state apppear and I can select the checbkbox (printscreen 2).
If the focus goes outside the hover, the checkbox will come in the de-select state (printscreen 3).

Can someone help met with this case?

This topic has been closed for replies.

HARSHIKA_VERMA

Community Manager

Hi @Nanda25393808qh8i,

Thank you for reaching out. If I heard you right, please check this link to confirm if you're trying to create a similar workflow.

Link: https://xd.adobe.com/view/cfc9a2e7-099c-4633-b2dd-109b6f433565-9a9a/

If not, we would request you, please share a video of your workflow and the XD file so we can check at our end.

Note: Please upload the XD file to a shared location such as CC or Dropbox and share the URL with me.

We will try our best to help.

Thanks,

Harshika

N

Nanda25393808qh8iAuthor

Participant

Hi Harshika,

Thanks. Your suggested solution is exactly what I mean. What is the 'secret' behind it?

Regards,

Nanda

HARSHIKA_VERMA

Community Manager

Hi @Nanda25393808qh8i,

Thanks for the confirmation of your design. In order to achieve this functionality, you need to ensure that your list is also a part of the component with multiple states. Currently, in your design, the checkbox list is not a part of the component.

Please create a component and then add a list with the required states.

Let us know if that helps.

Thanks,

Harshika

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded