Skip to main content
M
MattPennerVVUSD
Participant
March 2, 2020
Question

Prototyping - How to change components based on interaction of another component?

  • March 2, 2020
  • 1 reply
  • 1742 views

We are attempting to simulate a user adding feedback to a number of records.  Say there are four records on the screen (a modal dialog for entering data) and when the user clicks one of three values this should visually change the record.  We would like to simulate the user not entering feedback, entering feedback on some records, entering feedback on all records, etc. 

 

This is not a parent/child relationship as I've seen others suggest in similar questons.  Ideally the record is a componet, the feedback area is another component and the two together are in a repeat grid (for the four records).

 

If we were to handle all of this through artboards and transitions the combination would create quite a huge undertaking.  

    This topic has been closed for replies.

    1 reply

    Atul_Saini
    Atul_Saini
    Legend
    March 3, 2020

    Hi MattPennerVVUSD,

     

    Thank you for sharing the detailed description. Please excuse this design, here's a prototype which might be of help- (https://xd.adobe.com/view/36060e2a-cb4b-4c6b-520d-1df341e9d52c-4037/). Please check this out and let me know if this is something that you are looking for? 

     

    If this doen't matches your description, would it be possible for you to share a visual example so that we may assist you further. 

     

    Thanks,

    Atul_Saini

      M
      MattPennerVVUSDAuthor
      Participant
      March 9, 2020

      Thanks for the reply Atul.  With your prototype, our goal would be to allow the circles to be colored purple or, say, orange depending on the user's input.  I suppose we could use multiple states on the component, but only if we could control the current state from a sibling component.  I.e. clicking on a trigger in one component causes an effect on another (not parent/child) componet.

       

      Atul_Saini
      Atul_Saini
      Legend
      May 25, 2020

      Hi MattPennerVVUSD,

       

      Sorry for the delay in response. I think you may achieve this by following this workaround.

       

      • Ungroup repeat Grid and components after the layout is done. 
      • Duplicating the artboard to give shape to your animation using different individual components.  

      This might not be the ideal way of doing it, however, I think it can get the work done. Let us know in case you need further assistance. 

       

      Thanks, 

      Atul_Saini

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