# \[Solved\] Custom Data List Viewer

**URL:** https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514
**Category:** Questions about Thunkable X
**Tags:** design, beginner, thunkable-design
**Created:** [February 22, 2021, 2:51am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514 "2021-02-22T02:51:22Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![japa6225a](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/japa6225a/32/95982_2.png) [@japa6225a](https://community.thunkable.com/u/japa6225a)
#### Post date: [February 22, 2021, 2:51am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/1 "2021-02-22T02:51:22Z")

</div>

Hi,

Have made great progress with learning Thunkable X but do have a couple of roadblocks. The main one is Custom Data List Viewer. Can anyone point me to a post/video on how this is done on the new platform please? All I have been able to find is Classic row/column scenario’s.  
Or is it a Pro item?

Ta

James

---

<div class="post-metadata">

### Author: ![tbcguytb](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@tbcguytb](https://community.thunkable.com/u/tbcguytb)
#### Post date: [February 22, 2021, 3:20am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/2 "2021-02-22T03:20:20Z")

</div>

[https://docs.thunkable.com/custom-data-viewer-layout](https://docs.thunkable.com/custom-data-viewer-layout)

---

<div class="post-metadata">

### Author: ![japa6225a](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/japa6225a/32/95982_2.png) [@japa6225a](https://community.thunkable.com/u/japa6225a)
#### Post date: [February 22, 2021, 3:26am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/3 "2021-02-22T03:26:16Z")

</div>

Thankyou, have studied this tutorial many times. Cannot find Row, Column or Layout in the new interface. Also cannot find the designer on the projects page. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/e/7ea85ed596c96090c0f4200e88b126b95672e0a4.png)

---

<div class="post-metadata">

### Author: ![tbcguytb](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@tbcguytb](https://community.thunkable.com/u/tbcguytb)
#### Post date: [February 22, 2021, 3:41am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/4 "2021-02-22T03:41:51Z")

</div>

Yes i didn’t see it either. As far as I can tell, you make a column layout to add more data items from a data source like google. I just did this in fact. For my purpose it worked great.

---

<div class="post-metadata">

### Author: ![japa6225a](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/japa6225a/32/95982_2.png) [@japa6225a](https://community.thunkable.com/u/japa6225a)
#### Post date: [February 22, 2021, 3:44am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/5 "2021-02-22T03:44:05Z")

</div>

Where did exactly did you create the a column layout? This is what I cannot find.

---

<div class="post-metadata">

### Author: ![tbcguytb](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@tbcguytb](https://community.thunkable.com/u/tbcguytb)
#### Post date: [February 22, 2021, 3:54am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/6 "2021-02-22T03:54:48Z")

</div>

Create a blank screen, then add a column. Then add items. These items are you what you map your data to. So if adding from a google sheet with 4 columns, add 4 labels (depending on your data). Now save the data layout. Second button from the left  
 ![Screenshot from 2021-02-21 22-53-10](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/b/7b9f440bd51ef89b695bd8657e98de9a41f0bdb2.png)

Next go to the screen you are needing the data, add a data list/grid viewer, select your data source and map the fields. Sorry I am new to thunkable as well but just did this.

---

<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: [February 22, 2021, 4:05am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/7 "2021-02-22T04:05:28Z")

</div>

The new drag-and-drop interface does not have row and column components. The replacement for those is the “group” component. However, I don’t see a way to create a custom layout from a group component. I did notice that if I add a data viewer grid to a screen, I can select previous custom layouts I created in the legacy interface. But I don’t see a way to create new custom layouts. I think you might have to use the legacy interface for that.

---

<div class="post-metadata">

### Author: ![japa6225a](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/japa6225a/32/95982_2.png) [@japa6225a](https://community.thunkable.com/u/japa6225a)
#### Post date: [February 22, 2021, 4:33am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/8 "2021-02-22T04:33:08Z")

</div>

Thankyou tatiang, I will try that.

---

<div class="post-metadata">

### Author: ![japa6225a](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/japa6225a/32/95982_2.png) [@japa6225a](https://community.thunkable.com/u/japa6225a)
#### Post date: [February 22, 2021, 7:09am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/9 "2021-02-22T07:09:16Z")

</div>

tatiang, Unluckily unable to open classic 😞. I only started this year and presuming that’s why.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/1/61fb901a2bf5c9a584471782e460b9c32c673538.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: [February 22, 2021, 7:45am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/10 "2021-02-22T07:45:59Z")

</div>

I’m not talking about Classic. It’s confusing because Thunkable has always been a drag-and-drop environment but there are currently two interfaces available in Thunkable: “drag-and-drop” which is new, and the “legacy” version which is older.

To use the legacy version when creating a project, do **not** check the “Try it out” box.

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

---

<div class="post-metadata">

### Author: ![japa6225a](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/japa6225a/32/95982_2.png) [@japa6225a](https://community.thunkable.com/u/japa6225a)
#### Post date: [February 22, 2021, 9:12am UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/11 "2021-02-22T09:12:20Z")

</div>

Woo Hoo, there’s the missing link. Yes, I did try the new layout first. Many Thanks.

---

<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:29pm UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/12 "2024-11-08T13:29:16Z")

</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:00pm UTC](https://community.thunkable.com/t/solved-custom-data-list-viewer/1114514/13 "2024-12-19T17:00:51Z")

</div>


