How to Create a To Do List with the New Data Viewer List

In response to the announcement of the new Data Viewer List I wanted a project to try it out. So I thought I would redo my original To Do App tutorial. Here is how it turned out.

Tutorial

Watch the Tutorial Here

Timecodes for every step

00:50 TO DO LIST - Demo
03:00 TO DO LIST - Design
04:00 Data Viewer List - Intro
05:20 data source - Intro
06:30 data source - Edit
07:40 Data Viewer List - Data Bindings
08:55 TO DO LIST - Add
10:00 data source - Create
12:05 TO DO LIST - Edit
17:05 data source - Get
18:35 data source - Update
21:10 TO DO LIST - Mark Completed
21:30 Data Viewer List - Swiping Intro (Left or Right)
24:00 Data Viewer List - List Not Updating Issue
25:55 Data Viewer List - Refresh List Workaround
27:25 TO DO LIST - Validate User Entry
31:45 Wrapping it All Up!

List Screen

List Screen Blocks

Edit Screen

Edit Screen Blocks

Refresh Screen Blocks

Subscribe to my YouTube Channel for more App Tutorials!

https://www.youtube.com/thunkablextutorials

Happy Coding!
Darren

9 Likes

As always…
Amazing Tutorial @darren! :smiley_cat:

Thanks!

4 Likes

Amazing Tutorial @darren!

3 Likes

This is a really nice tutorial! Thanks for sharing Darren.

1 Like

Thanks,
Is it possible to without text input? (I want to use old Data Viewer List with Swipe buttons like a favorites)
I mean with old Data Viewer List to New Data Viewer List with Right or Left Swipe button.

Is it possible to change the colour of the to do and completed text from grey?

Hey @darren
I made and published this app on play store -:

Give me some feedback

1 Like

Maybe, not now

I have a sample app here that shows one way to change text properties @beadle07

2 Likes

great tutorial, how do i update a value with an integer? it seems like it only accepts string.

This does not work
image

1 Like

If that is truly the limitation, you can use the Text join block to transform the number into text.

Hi @darren or anyone else,
What tool do you use, to show your live app from your device on the screen?
Probably a really simple solution I know, I’m currently testing on my actual device and its a pain flicking between the 2. I’m sure I could google it, but thought it would be quicker just asking the question.

Cheers!