# Using components with Data Viewer List

**URL:** <https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158>\
**Category:** Questions about Thunkable X\
**Created:** [January 9, 2021, 9:12pm UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158 "2021-01-09T21:12:51Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![lukas\_b\_98knm](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@lukas\_b\_98knm](https://community.thunkable.com/u/lukas_b_98knm)\
**Post date:** [January 9, 2021, 9:12pm UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/1 "2021-01-09T21:12:51Z")

</div>

Hi,

I want to list a few images with description and thought using the Data Viewer List component. However, I realised there does not seem to be an option to place any components in between the rows. I left one row empty between the upper image and the one below to insert a button, but the button moves down when I scroll down. What can I do to have a button fixed after the image with title and subtitle?

Thanks for your help.

 ![Screenshot 2021-01-09 at 22.04.14](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/7/97b0530e2ff0ef7122b74d0c60d903c14ef4ac15.jpeg) ![Screenshot 2021-01-09 at 22.04.20](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/f/2fd9c88535747c4a71fb5a35e367d36daca78122.jpeg)

---

<div class="post-metadata">

**Author:** ![luv.ak.tech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/luv.ak.tech/32/104896_2.png) [@luv.ak.tech](https://community.thunkable.com/u/luv.ak.tech)\
**Post date:** [January 10, 2021, 4:14am UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/2 "2021-01-10T04:14:35Z")

</div>

make custom data list view with dynamic components

---

<div class="post-metadata">

**Author:** ![lukas\_b\_98knm](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@lukas\_b\_98knm](https://community.thunkable.com/u/lukas_b_98knm)\
**Post date:** [January 10, 2021, 7:54am UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/3 "2021-01-10T07:54:06Z")

</div>

How do I make a custom data list view with the new updated version? I cannot see the advanced tab and cannot create rows or columns. Please let me know.

---

<div class="post-metadata">

**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:** [January 10, 2021, 8:11am UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/4 "2021-01-10T08:11:34Z")

</div>

Are you using the new drag and drop UI?

---

<div class="post-metadata">

**Author:** ![lukas\_b\_98knm](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@lukas\_b\_98knm](https://community.thunkable.com/u/lukas_b_98knm)\
**Post date:** [January 10, 2021, 8:12am UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/5 "2021-01-10T08:12:09Z")

</div>

yes

---

<div class="post-metadata">

**Author:** ![lukas\_b\_98knm](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@lukas\_b\_98knm](https://community.thunkable.com/u/lukas_b_98knm)\
**Post date:** [January 10, 2021, 8:12am UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/6 "2021-01-10T08:12:44Z")

</div>

I know that I cannot have rows and columns, but how will I then create a custom data viewer list?

---

<div class="post-metadata">

**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:** [January 10, 2021, 1:19pm UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/7 "2021-01-10T13:19:32Z")

</div>

Maybe the group component will work?

---

<div class="post-metadata">

**Author:** ![lukas\_b\_98knm](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@lukas\_b\_98knm](https://community.thunkable.com/u/lukas_b_98knm)\
**Post date:** [January 10, 2021, 1:39pm UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/8 "2021-01-10T13:39:58Z")

</div>

What is the group component supposed to do? I tried it but do not see how it could be relevant.

---

<div class="post-metadata">

**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\
**Post date:** [January 10, 2021, 2:06pm UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/9 "2021-01-10T14:06:38Z")

</div>

make custom data list, means you use the classic UI, build the pic, button, label (titles, text) components in a column group anyhow you like. And use clone block to clone the column group to display your list. Not exceeding difficult to do.

---

<div class="post-metadata">

**Author:** ![lukas\_b\_98knm](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@lukas\_b\_98knm](https://community.thunkable.com/u/lukas_b_98knm)\
**Post date:** [January 10, 2021, 2:09pm UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/10 "2021-01-10T14:09:57Z")

</div>

So it is not possible with the new UI?

---

<div class="post-metadata">

**Author:** ![luv.ak.tech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/luv.ak.tech/32/104896_2.png) [@luv.ak.tech](https://community.thunkable.com/u/luv.ak.tech)\
**Post date:** [January 10, 2021, 2:21pm UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/11 "2021-01-10T14:21:11Z")

</div>

or maybe use canvas

---

<div class="post-metadata">

**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\
**Post date:** [January 10, 2021, 2:39pm UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/12 "2021-01-10T14:39:07Z")

</div>

I guess So. But new UI can do component overlaps which the classic ones can’t.

---

<div class="post-metadata">

**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:30pm UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/13 "2024-11-08T13:30:53Z")

</div>



---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [December 19, 2024, 5:01pm UTC](https://community.thunkable.com/t/using-components-with-data-viewer-list/1043158/14 "2024-12-19T17:01:01Z")

</div>


