Skip to main content
Participant
September 10, 2021
Answered

Responsive group at project, not at presentation.

  • September 10, 2021
  • 1 reply
  • 496 views

Hi, guys
Could your help me?
There is a issue here: at the project the responsible configurations seems to be ok, but at presentations and prototype it totally fails as the video shows.
Is this a XD narrowness or some fail by myself?

thanks

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

    Hello Sidney. The interaction you are trying to make is possible, but is a bit tricky to wire up properly, especially when accordion items are nested components within another larger component. When you add an interaction to a nested component, you can only link to its own states, not to the states of the parent. If you want to link to the states of the parent, you need to add the interaction to a group or a non-component element.

     

    I have made you an example without using nested components, but with 1 master component.

    It is important to add the interactions to the category name only, and not to the whole group/component with the tags.

     

    Here's the prototype, and here's the Xd file, so you can see how everything is set up.

    1 reply

    Spas K.
    Community Expert
    Spas K.Community ExpertCorrect answer
    Community Expert
    September 11, 2021

    Hello Sidney. The interaction you are trying to make is possible, but is a bit tricky to wire up properly, especially when accordion items are nested components within another larger component. When you add an interaction to a nested component, you can only link to its own states, not to the states of the parent. If you want to link to the states of the parent, you need to add the interaction to a group or a non-component element.

     

    I have made you an example without using nested components, but with 1 master component.

    It is important to add the interactions to the category name only, and not to the whole group/component with the tags.

     

    Here's the prototype, and here's the Xd file, so you can see how everything is set up.

    Participant
    September 11, 2021

    Man, I didn't expected spending so much attention.
    You saved me!
    Thank you!