Remove things from list

[ingriddanielsson]

Hi,

I have a popup that loads things from the database and is shown as a marked checkbox material icon in the popup.

Mark more checkboxes and save the with add list works fine. What do I do with those marked checkboxes that the users unmark and save? How to only remove the ones unmarked AND from the database?

[emir.ozgun]

Set list, or put them on a custom state then make operations to custom state, when clicked if custom_state_list contains item 1 custom_state_list minus item1, when clickedd if custom_state_list doesnt contain item1 > custom_state_list_plus item1, when save is clicked set list custom state

[ingriddanielsson]

Scenario A add items

1. Open the popup
   

   

2. Add vegetables and berries
   

   

3. Save

4. Open pop up again
   

   

looks like it only saves the new ones

Scenario 2 Delete item

1. Open popup
   

   

2. delete fruit
   

   

3. save and load popup again
   

   

Item deleted is not removed from the database

Scenario 3 add and delete

1. load popup
   

   

2. Delete vegetables and add leafy green
   

   

3. save and load popup again
   

   

Looks like only changes are saved instead of saving all marked. Unchecked is not deleted in databas and marked is not added to database

Note: I use material icons and not check boxes.

I am confused. I don’t even know where to start to update

[emir.ozgun]

Yes it looks good, (Never use checkbox (low flexibility), never use google material icons plugin (loads the DOM regardless of visibiltiy due to its being bubble built-in plugin)

Your db of user : fruits > list of text
Popup rg , list of fruits,
Checkbox conditional : if custom states list of text contains this cell’s fruits display checkbox checked icon
You need to pass the current user’s fruits to a custom state list_of_texts, or repeating group display list in order to make operations on it.

Then when the cell clicked you will add or remove from that list of text based on it is there or not,

Then when click save if the custom state list is not equal to current users fruit , make changes to current user fruits set list custom state list of text

Note : If you don’t have any button there to pass the list to a custom state to make operations on, don’t use event listener, just put hidden rg there and use display data in a repeating group wf actio

[ingriddanielsson]

Thanks for you respons. What can I use instead of google material icons plugin?
What does DOM mean?
What does rg in Popup rg mean?

What do you mean here? Is it not what I have already? Please see attached screenshot.
‘Checkbox conditional : if custom states list of text contains this cell’s fruits display checkbox checked icon’

I do use a repeating group (if I understand it right);

How do I do this?:
‘You need to pass the current user’s fruits to a custom state list_of_texts, or repeating group display list in order to make operations on it.’?

and then how do I do this;
‘Then when the cell clicked you will add or remove from that list of text based on it is there or not,’?

This is how it is now:

how do I do this:
‘Then when click save if the custom state list is not equal to current users fruit , make changes to current user fruits set list custom state list of text’?
Do I add a conditional on the workflow make a change to a thing on the ‘onlye when’?

I have a save button and when user clicks save a workflow make changes to a thing is activated.

There is a state, but it is in the step before this step.

[emir.ozgun]

Think about Matryoshka dolls, if you use materical icons or any bubble made plugin as an displayable element, lets say everything is invisible and you out matericalcons plugin inside the very smallest doll, every item (groups) get loadedd on the page thus slowing down the app, use built-in icon choose material from that

[ingriddanielsson]

I don’t want to slow down the app and if there is a way to avoid plugins I will definitly do it. I must have been blind to the native Bubble icons. Thanks again.

[ingriddanielsson]

I justed replaced the google materialicon with icon. I now see there is also something called ionic icon. I am reading up on the difference between the two. Do you have any experience with those two different types as well?

[emir.ozgun]

Every Bubble visual element, Every visual element that is built by Bubble, this masturshka thing applies