# List viewer and swiping **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [May 31, 2021, 2:00am UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446 "2021-05-31T02:00:16Z")\ **Posts on this page:** 15\ **Page:** 1
**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\ **Post date:** [May 31, 2021, 2:00am UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/1 "2021-05-31T02:00:16Z")
From what I can tell the list viewer does not support swiping, is this correct? Is there away to add a button to each item in the list? I was hoping to offer the user the option to delete row right from the list. I had some other ideas as well that could have worked out well with swiping. ---
**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\ **Post date:** [May 31, 2021, 3:27am UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/2 "2021-05-31T03:27:07Z")
You can use a custom data viewer list, which has swiping enabled. You can also add buttons and other components of your choice. ---
**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:** [May 31, 2021, 3:59am UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/3 "2021-05-31T03:59:53Z")
Even a standard Data Viewer List has left and right swipe detection. ---
**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\ **Post date:** [May 31, 2021, 4:16am UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/4 "2021-05-31T04:16:04Z")
Yes, but none of them has buttons, so he’ll need to make one on his own. ---
**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:** [May 31, 2021, 4:20am UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/5 "2021-05-31T04:20:58Z")
They have buttons built in. 🙂 Here’s my photo journal showing what happens if I swipe left on an item (the red “delete” button): ![IMG_59335DC1514D-1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/8/983ded478b6ec15f9b872bf107cfe29586b16ebf.jpeg) And the default options for left (or right) swipe: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/4/645b81d8f846e67f3ddbb233845812daa622dc2d.png) ---
**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:** [May 31, 2021, 4:26am UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/6 "2021-05-31T04:26:49Z")
@darren shows how to do this starting at the 20:32 mark in this video: [![](https://img.youtube.com/vi/cccFpkrKPPw/maxresdefault.jpg "How to Use the Data Viewer List in Thunkable X - 2020 To Do App") ](https://www.youtube.com/watch?v=cccFpkrKPPw&t=20m32s) ---
**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\ **Post date:** [May 31, 2021, 4:26am UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/7 "2021-05-31T04:26:56Z")
Silly me! I thought he wanted buttons for a different purpose. I almost always use the default buttons for edit/delete. Whenever I need anything else, I add my own and save it as a custom DVL. ---
**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\ **Post date:** [May 31, 2021, 4:27am UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/8 "2021-05-31T04:27:14Z")
Great, thanks! Big fan of @darren ---
**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\ **Post date:** [May 31, 2021, 12:19pm UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/9 "2021-05-31T12:19:53Z")
But how do I use these with the Firebase Real Time Database? Aren’t I restricted to only the list viewer to for this type of data source? I’m using the cloud var method of communicating with Firebase and need to display the data. The views that you mention do not connect to a list var for their data (from what I can tell). Am I missing something? Please share and thank you for the help! ---
**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\ **Post date:** [May 31, 2021, 12:26pm UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/10 "2021-05-31T12:26:55Z")
Can you please explain this custom option to me? How can I build a custom list solution? ---
**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:** [May 31, 2021, 12:52pm UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/11 "2021-05-31T12:52:56Z")
Data Viewer List (DVL) requires a Data Source that is created using the Data Sources option (local table, Airtable, Google sheet) so you will not be able to use it directly with Firebase. However, you can create a dummy local table and keep it empty. Whenever you want to display data use the list you receive from Firebase and loop through the list adding every item to the dummy table. This table is bound to the DVL in your screen which will show the data. ---
**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\ **Post date:** [May 31, 2021, 1:21pm UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/12 "2021-05-31T13:21:33Z")
Ouch, that’s a tough solution path to take. I can see how this would work but I can also see how this would be tough for me to maintain with full CRUD support and keeping everything in sync. Thank you for the solution. I thought I was missing something. ---
**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:** [May 31, 2021, 1:43pm UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/13 "2021-05-31T13:43:36Z")
It’s not as bad as it looks. See this sample project to get the basic idea. I can also help in doing another project that will read from Firebase if you see it necessary. [https://x.thunkable.com/projectPage/5fb9fb1dbfeb240011084d78](https://x.thunkable.com/projectPage/5fb9fb1dbfeb240011084d78) ---
**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\ **Post date:** [May 31, 2021, 1:44pm UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/14 "2021-05-31T13:44:33Z")
Thank you! ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 1:22pm UTC](https://community.thunkable.com/t/list-viewer-and-swiping/1317446/15 "2024-11-08T13:22:10Z")