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

[darren]

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

How to Use the Data Viewer List in Thunkable X - 2020 To Do App

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

[kartik14]

As always…
Amazing Tutorial @darren!

Thanks!

[yuexi2009]

Amazing Tutorial @darren!

[eoinparkinson]

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

[doctorsof]

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.

[beadle07]

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

[tobi]

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

play.google.com

List Up: To-Do List & Daily Planner

List Up a personalized planner app. Its upon you how you call it, It can be a To-Do diary, To-Do list, Shopping list creator, Travel list maker, Bucket list or anything else what you want. It satisfies you in all conditions. You can plan your whole day with List Up. You can add as many as tasks. In any language, At anytime, anywhere. Start planning now because -: "A goal without planning is just a wish". Key features 1. Simple interface. 2. Age does not matter! It can be used by anyone. 3...

Free

Give me some feedback

[tobi]

Maybe, not now

[domhnallohanlon]

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

Cloud based To Do list, part 2

If you’re following along with the To Do list series, here’s the first part: The next thing we need in our to do app is the ability to mark things as “Done” Design To do this we’re going to draw a line through the text, just like the icon for this sample project below. [Screenshot 2020-01-20 at 16.45.41] Since there is no block to change the line-through property dynamically, we’re going to improvise (H/T to @Steven for suggesting this) Essentially we need two labels, one for plain text …

[shaded2e8t2]

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

This does not work

[darren]

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

[ukhollywood29l]

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!