Highlighted

How to wire components for interactive prototype

New Here ,
Apr 17, 2020

Copy link to clipboard

Copied

I have added 3 checkboxes to an artboard (consisting of components that change from the default off state to the active state on by tapping on them) and want to switch to the next artboard when all three checkboxes are set to on. Is this feasible in XD, and how do the components have to be wired if so?

 

{Renamed By MOD}

Hi there,

 

Thanks for reaching out. Yes, this can be done in Adobe XD. In order to achieve that, once you have wired up the checkboxes, you will need to wire up the 2nd artboard with the Active state of the third checkbox. I have attached a screenshot of the prototype window and a sample file link:

 

Note: There will be an extra Tap as a trigger to navigate from an active state of the third box to the next artboard.

 

wiredupstates.PNG

 

Sample file: https://xd.adobe.com/view/9d53e33e-145e-4243-4f0a-b5ead6fbe4b4-eb62/

 

Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh

TOPICS
How to, Prototyping

Views

113

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

How to wire components for interactive prototype

New Here ,
Apr 17, 2020

Copy link to clipboard

Copied

I have added 3 checkboxes to an artboard (consisting of components that change from the default off state to the active state on by tapping on them) and want to switch to the next artboard when all three checkboxes are set to on. Is this feasible in XD, and how do the components have to be wired if so?

 

{Renamed By MOD}

Hi there,

 

Thanks for reaching out. Yes, this can be done in Adobe XD. In order to achieve that, once you have wired up the checkboxes, you will need to wire up the 2nd artboard with the Active state of the third checkbox. I have attached a screenshot of the prototype window and a sample file link:

 

Note: There will be an extra Tap as a trigger to navigate from an active state of the third box to the next artboard.

 

wiredupstates.PNG

 

Sample file: https://xd.adobe.com/view/9d53e33e-145e-4243-4f0a-b5ead6fbe4b4-eb62/

 

Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh

TOPICS
How to, Prototyping

Views

114

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

Copy link to clipboard

Copied

Hi there,

 

Thanks for reaching out. Yes, this can be done in Adobe XD. In order to achieve that, once you have wired up the checkboxes, you will need to wire up the 2nd artboard with the Active state of the third checkbox. I have attached a screenshot of the prototype window and a sample file link:

 

Note: There will be an extra Tap as a trigger to navigate from an active state of the third box to the next artboard.

 

wiredupstates.PNG

 

Sample file: https://xd.adobe.com/view/9d53e33e-145e-4243-4f0a-b5ead6fbe4b4-eb62/

 

Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh

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 17, 2020 1