Skip to main content
Question

HELP - I cannot delete all items on a list sharing the same boolean because they have different variable modes


Sergio NC

Hi everyone, Figma newbie here,

 

I am almost done with my grocery prototype, but I have an issue with the New List flow:

 

  1. You add items via a checklist overlay. Each item (#Oats, #Quinoa, and #Brown Rice) have their individual, respective modes (See Layers panel).
  2. Ticking items adds them to the shopping list via a boolean variable called #Added-to-list. If you uncheck an item, you will remove it from the list. The remaining items are “preset”, more on that later.
  3. There is a Cancel button. It will set #list-total-price and #list-count to 0, and both booleans #Added-to-list and #Is_visible to False.
  4. Regarding the remaining items, those belong to a preset list belonging to an Import List flow. However, I want these items to show in the list and affect its price, etc. Their boolean is the aforementioned #Is_visible. Here I used a different variable format here: all items are on the same column, without modes.
  5. As you can see, if I return to New List after importing the preset list, those items will be added, and both #list-count and #list-total-price will be updated accordingly. Bravo. BUT…
  6. Upon tapping on Cancel, the imported items will disappear (good), both #list-total-price and #list-count will be set to 0 (good)… and #Added-to-list-->False won’t work.
  7. I have noticed that if I assign a certain item variable mode to the Cancel button, that item will effectively disappear. Sadly, I cannot apply all modes to the same button.

 

BTW, if I toggle #Added-to-list as False manually via the Variables panel, items will indeed disappear.


Solutions I have tried so far:

 

  1. Interactions in Cancel button: “Set #Added-to-list to #Added-to-list: Oats == False”. Repeat with all remaining items. Result: Nothing happens.
  2. After delay conditionals in #list-count variable: “If #list-count == 0 / Set #Added-to-list to False. Also tried with the same format as solution #1. Result: Nothing happens.
  3. I have connected #list-count” with the item list frame and tried both solutions: Result: nothing happens.
  4. I tried to replicate the format I used in #Is_visible with #Added-to-list by adding new variables named after the item variables on the same column. Result: Nothing happens. But this is normal, I guess, because I don’t remember if I assigned them to their respective items, which will be a pain in the *ss, since there are plenty other places with interactions where #Added-to-list is used (and working as intended).
  5. I also tried setting all variable modes in the Cancel button interaction. Since Figma processes all interactions in a sequential way, I thought that using “Setting variable mode” paired with #Added-to-list:[Item] would work. Result: nothing happens. 

At this point, I am a bit exhausted and run out of ideas, which is pretty frustrating, because I managed to make the rest work, which was a feat on itself.

 

Can anyone help me please?

 

Thank you very much in advance!

 

EDIT: Sorry for the image quality. I read somewhere that this forum only allows one image, and I tried my best to illustrate my issue. Hopefully you can see the text :/.

0 replies

Be the first to reply!

Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings