I have created a prototype with conditional drop downs that activate a ‘next screen’ button. When I click the ‘next screen button’, arrive on the next screen, and then click the ‘previous screen’ button, and return to the previous screen, none of my component states have reset. I have selected the ‘reset component state’ checkbox for the ‘previous screen’ button interaction already but it doesn’t make any difference. I’ve checked it for a lot of interactions, but no change. Am I getting this horribly wrong?? Any help greatly appreciated!
Hey @Suzie, thanks for reaching out and sorry for the confusion here!
To reset your component state, you want to uncheck the Reset component state setting.
While it may seem counterintuitive in your case, by default, Figma memorizes the last set variant of your interactive component. So again, if you don’t want to maintain a state across frames, check off Reset component state on the Interaction details panel of the prototype interaction.
Hi Dvaliao,
I have tried with your suggested method. I have cleared the checkbox and then changed the drop-down state to open, when I switched to another frame, the drop-down state was still open. How to reset the previous drop-down scroll position when I click on other drop-downs or other frames.
I will define my objective and will also attach the Figma file. I hope you can help me to achieve the desired goal.
I have three fields (contain drop-downs) that are inter-related.
Field: Choose service class - Dropdown items (None, Silver, Gold, Platinum)
Field: Extended support time - Dropdown items (None, Yes, No)
Field: Extended service hours - Silver and Gold
When I click on field [Choose service class] and select (None), or (Platinum) dropdown items, the [Extended support time] field and [Extended service hours] field should be hidden.
When I click on field [Choose service class] and select (Silver) dropdown item, the [Extended support time] field should be displayed.
2.1 Then, when I click on field [Extended support time] and select (Yes) dropdown item, the [Extended service hours - Silver] field should be displayed.
When I click on field [Choose service class] and select (Gold) dropdown item, the [Extended support time] field should be displayed.
3.1 When I click on field [Extended support time] and select (Yes) dropdown item, the [Extended service hours - Gold] field should be displayed.
Can you please help me to achieve the desired result?
Let me know if I have to elaborate this further.