Using checkbox to toggle checklist item to "greyed out"

I’ve searched but can’t find a tutorial on this.

I’ve created a shopping list, which displays items from a “groceries” collection. All users see the same list.

I wan’t to put a checkbox beside each item, allowing users to check off items as they buy them.

I wan’t checked items to display in a lighter font (greyed out).

I know that I have to create 2 versions of the text label (one black and one grey). And I know that I have to add a True/False. property to the items in my groceries collection.

But, other than that, I’m lost. Can anyone point me to a simple step-by-step on how to do this?

Thanks so much, as always!

2 Likes

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.