• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to wire components for interactive prototype

New Here ,
Apr 17, 2020 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}

TOPICS
How to , Prototyping

Views

242

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
community guidelines

correct answers 1 Correct answer

Adobe Employee , Apr 17, 2020 Apr 17, 2020

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/

...

Votes

Translate

Translate
Adobe Employee ,
Apr 17, 2020 Apr 17, 2020

Copy link to clipboard

Copied

LATEST

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

Votes

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
community guidelines