Some design suggestions, is this worth implementing?

This workflow should work with @innocuo 's suggestion, but instead of implementing it in userstyle.css you can simply use a <style> tag in your grocery list note. And you can make it easy to toggle by wrapping it in an html comment. You can a screenshot of this below:

image

I tested this on desktop and mobile and it works very well! It’s a nice idea for a workflow I might use it myself.

2 Likes

Excellent! You can even leave out the comments and just change the display value to something else…

(PS: A screenshot with dark grey text on a black background is quite hard to read for my old eyes.)

Sorry about that! I've got a bright screen

This workflow seems really strange to me. I've always understood unchecked checkboxes as items that have not been finished/done yet. As soon as you are done, you check it.

Anyway, it's your workflow, but please understand that others use checkboxes the other way around (at least I've never heard of someone doing it your way), so make sure that you always include your workflow in any questions.

1 Like

Yes. That’s why I mentioned being able to hide all checked/unchecked items, meaning the checked items, or the unchecked items (or none). This would support either workflow.

Sorry, I meant all future questions. Don’t worry about it.

Hi

Interested in this but doesn’t work directly in a note on desktop for macOS.
Also doesn’t work in ‘userstyle.css’ after restarting Joplin.

What could go wrong?

How about if instead of hiding the checked items, move them to a “##Checked Items” list at bottom of the screen.

This is handy when you buy the same items over and over for groceries. After each grocery run is complete, you can untick the items in the “Checked Items” list so they move to the top of page so as you buy it again, it is moved down to the Checked Items. This is how Google Keep does their checkboxes and I find it extremely handy.