# How to display List Viewer

**URL:** https://community.thunkable.com/t/how-to-display-list-viewer/1837525
**Category:** Questions about Thunkable X
**Tags:** beginner
**Created:** [April 19, 2022, 3:47am UTC](https://community.thunkable.com/t/how-to-display-list-viewer/1837525 "2022-04-19T03:47:31Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![itsquo.infoqzjaw](https://avatars.discourse-cdn.com/v4/letter/i/2bfe46/32.png) [@itsquo.infoqzjaw](https://community.thunkable.com/u/itsquo.infoqzjaw)
#### Post date: [April 19, 2022, 3:47am UTC](https://community.thunkable.com/t/how-to-display-list-viewer/1837525/1 "2022-04-19T03:47:31Z")

</div>

I want to specify the date using DateInput, display it on the label, search from the DateInput field in Data Sources, and display column1 of the corresponding row. What should I do?

Please help me because the block cannot be connected and it is unknown.

Thank you.

[image removed]

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [April 19, 2022, 4:20am UTC](https://community.thunkable.com/t/how-to-display-list-viewer/1837525/2 "2022-04-19T04:20:28Z")

</div>

Can you please crop your images before posting them? It looks tiny because of all the white space in the screenshot and it takes up a lot of space on the forums.

---

<div class="post-metadata">

### Author: ![itsquo.infoqzjaw](https://avatars.discourse-cdn.com/v4/letter/i/2bfe46/32.png) [@itsquo.infoqzjaw](https://community.thunkable.com/u/itsquo.infoqzjaw)
#### Post date: [April 19, 2022, 6:26am UTC](https://community.thunkable.com/t/how-to-display-list-viewer/1837525/3 "2022-04-19T06:26:02Z")

</div>

tatiang

Thank you for your reply!  
I have recaptured it so can you see it?

Thank you.

 ![How to display List Viewer2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/c/fcd563485e3f56fe2477dc4bf3d2c3789cb5bb11.png)

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [April 19, 2022, 6:42am UTC](https://community.thunkable.com/t/how-to-display-list-viewer/1837525/4 "2022-04-19T06:42:16Z")

</div>

Here’s a demo of how to do that:

[https://x.thunkable.com/copy/ccf72ad3dcbe7044d261bbf49754d570](https://x.thunkable.com/copy/ccf72ad3dcbe7044d261bbf49754d570)

(See the first screen that has your username.)

The key is to make sure the DateInput values in your data source **exactly** match the date format of your Date Input component. You can see in your screenshot (and my demo) that the label has “Apr 19, 2022” but your data source column has “2022/04/19”. Those will never match. So either change the column values or change the date input format so they match:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/a/aa980ae3d65a0743204f7eefc7d5039ed5144019.png)

---

<div class="post-metadata">

### Author: ![itsquo.infoqzjaw](https://avatars.discourse-cdn.com/v4/letter/i/2bfe46/32.png) [@itsquo.infoqzjaw](https://community.thunkable.com/u/itsquo.infoqzjaw)
#### Post date: [April 19, 2022, 8:58am UTC](https://community.thunkable.com/t/how-to-display-list-viewer/1837525/5 "2022-04-19T08:58:45Z")

</div>

Tatian

You can reply.

I confirmed the block I received, but the further of “Label 30” is one pornography  
There is a line in the list.  
I did a block with Listviewer, but it becomes a list with one character and three.  
Is there a way to display the 1st and 5th lines of the date in the marriage list viewer?

Thank you.

 ![How to display List Viewer3](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/7/d70c9d0c61901edf69c4856bf659de346b182e16.png)

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [April 19, 2022, 10:45am UTC](https://community.thunkable.com/t/how-to-display-list-viewer/1837525/6 "2022-04-19T10:45:15Z")

</div>

When you use the block `in list..... find first occurrence.` then you know for a fact this can only bring you the first item in the data set which will never be the ideal situation to create a list as lists are by definition comprise more than a single item.

The other issue is that when you pass a string of characters to a list, Thunkable will try to fit the string into a list by assuming that each character is an entry in the list.

To overcome the above two situations, I did the following:

- I created these two variables (although you can do without but I prefer it this way).  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/d/7d27c1d219a4bb87979586ee7d21fa06156611fd.png)
- I added a `List Viewer` component and initialize it after the date is picked.
- I then assigned these variables the lists I would use from the data set.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/4/d404045387cf069d92209c6b2fbb30ae2108ccd4.png)
- Now I loop through the dates in the list and compare it with the date picked, if found then I add the corresponding text of `Column 1` to the list  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/b/abbdd999c154b7edc8c06aaafef1d9d4965e52a9.png)

Here is the complete block

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/1/517d774f136105d1b4e7d27335bdb0c0ca1a2ac2.png)

Here is a sample output

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/c/1c42d48804ca945bb351491be68964e448d0d623.png)

Hope this explains it clearly.

---

<div class="post-metadata">

### Author: ![itsquo.infoqzjaw](https://avatars.discourse-cdn.com/v4/letter/i/2bfe46/32.png) [@itsquo.infoqzjaw](https://community.thunkable.com/u/itsquo.infoqzjaw)
#### Post date: [April 20, 2022, 1:25am UTC](https://community.thunkable.com/t/how-to-display-list-viewer/1837525/7 "2022-04-20T01:25:06Z")

</div>

muneer  
tatiang

Thank you for your reply.

I set it up as you told me, and it was done! !!

Thank you very much! Thank you!

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)
#### Post date: [July 19, 2022, 1:25am UTC](https://community.thunkable.com/t/how-to-display-list-viewer/1837525/8 "2022-07-19T01:25:31Z")

</div>

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