Skip to main content
D
default33zk0zqx7x06
New Participant
September 6, 2021
Answered

How to select multiple options (Checkboxes) to trigger a button in XD?

  • September 6, 2021
  • 2 replies
  • 1987 views

Hi all...

Say that you have like 4 options or checkboxes and a disabled button, my question is how do you select multiple options (toggling on/off on each) and as soon as you select one, the button triggers and becomes blue with text "Next" on it... how do you do it? It also stays disabled if no option is selected.

 

<Title renamed by moderator>

This topic has been closed for replies.
Correct answer Spas K.

Enabling / disabling the button based on multiple conditions would be quite a complicated feature, so I wouldn't expect that sort of thing to come to Xd anytime soon.

 

On the other issue - dragging Left to Right, can you elaborate on what you mean by that? Maybe post a video / screenshot of what you're trying to make. Currently, you should be able to use auto-animate and dragging interaction in any direction to switch between artboards. Maybe I can help with that at least 🙂

2 replies

Spas K.
Spas K.
Adobe Expert
September 7, 2021

There are some ways to do it, but none is optimal or very easy to do if you want it to be 100% realistic. There's no conditional logic in prototypes.

 

If they are radio buttons, it will be easier, as you only have 1 checked at a time, and you can't uncheck it, so you just have to enable the button if any option is selected. You can achieve this with a separate screen with an enabled "next" button for each radio button toggled, or with a component and separate states for each radio button.

 

With many checkboxes it's a different story, as you can have multiple on at a time and there's no way to set a condition like "if 0 are checked, go to disabled button screen". You can set it so that when one of them is disabled, you go back to the disabled button screen. In theory, if you have 5 checkboxes, you can make a 25 (or something like that) state component, to account for every possible combination where only 1 checkbox is active, and clicking it goes back to disabled button screen, but that would be a nightmare to prototype and I wouldn't go that far.

    D
    default33zk0zqx7x06Author
    New Participant
    September 12, 2021

    Maybe in the future they will add this feature where you can choose multiple checkboxes at a time and trigger a disabled button to be enabled. I also hope that they update the dragging feature in Adobe Xd, so that you can drag from Left to Right. That would be helpful alot. 

    Spas K.
    Spas K.Correct answer
    Adobe Expert
    September 13, 2021

    Enabling / disabling the button based on multiple conditions would be quite a complicated feature, so I wouldn't expect that sort of thing to come to Xd anytime soon.

     

    On the other issue - dragging Left to Right, can you elaborate on what you mean by that? Maybe post a video / screenshot of what you're trying to make. Currently, you should be able to use auto-animate and dragging interaction in any direction to switch between artboards. Maybe I can help with that at least 🙂

      Rishabh_Tiwari
      Community Manager
      Rishabh_TiwariCommunity Manager
      Community Manager
      September 6, 2021

      Hi there,

       

      Thanks for reaching out. Let us know if you are trying to achieve the workflow as shared here https://xd.adobe.com/view/355167c7-8169-4c7b-ad20-010fc30955c4-6002/ ? If yes, please refer to the screenshot shared below:

       

       

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

       

      Regards

      Rishabh

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