Skip to main content
Adobe XD
Participant
July 20, 2018
Answered

Box that Changes Color

I'm looking for a way to create an interactive where a box changes color when clicked on. Can I do this in Xd?

Ares Hovhannesyan
Ares HovhannesyanCorrect answer
Community Expert
July 22, 2018

You need to use 4 state for button when mouse are hitting button area.

  • Normal
  • Up
  • Down
  • Active

For that you can use Muse, Animate, InDesign that have panel for Button States. When mouse is in Up or Down state this program can exclude script for changing colors.

I recommend Adobe Muse.CC

Assign different states to objects in Adobe Muse

    This topic has been closed for replies.

    2 replies

    Ares Hovhannesyan
    Community Expert
    Community Expert
    July 22, 2018

    You can draw box on one artboard, then copy the artboard and change color. Set transition to None

    Clicking box will change artboard and change box color.

    Repeat ir for each box.

    Translate
    perbettyAuthor
    Participant
    July 22, 2018

    I think I get it. If I have 10 boxes, and the first box is selected, then the next artboard needs to have that box as a different color. If a person wants to select a second box, then a third artboard must have the first and the second box selected. I will need to have a million artboards to provide all of the possible combinations of selected boxes in various order selected.

    Is there an app that can change the selected box without changing the artboard? Would Acrobat have that feature by any chance, where instead of the option of ticking multiple boxes, they could change color?

    Translate
    Ares Hovhannesyan
    Community Expert
    Ares HovhannesyanCommunity ExpertCorrect answer
    Community Expert
    July 22, 2018

    You need to use 4 state for button when mouse are hitting button area.

    • Normal
    • Up
    • Down
    • Active

    For that you can use Muse, Animate, InDesign that have panel for Button States. When mouse is in Up or Down state this program can exclude script for changing colors.

    I recommend Adobe Muse.CC

    Assign different states to objects in Adobe Muse

    Translate
    Atul_Saini
    Community Manager
    Community Manager
    July 21, 2018

    Hi Perbetty,

    In order to change the color of the Box, you may use the transition set to "None". Please check if this is what you are looking for: - Adobe XD CC. 

    Please feel free to update this discussion in case you need further assistance.

    Thanks,

    Atul_Saini

    Translate
    perbettyAuthor
    Participant
    July 21, 2018

    Actually, I will have several boxes on an artboard that I want to change color. Is there any application in Adobe where I can change the color of several boxes with a click?

    Translate
    perbettyAuthor
    Participant
    July 21, 2018

    What I mean is, have several boxes, and click on each box to change its color.

    Translate