# Custom Data Viewer Layout - Complete control over how your data looks!

**URL:** https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630
**Category:** Announcements
**Created:** [September 22, 2020, 12:55pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630 "2020-09-22T12:55:05Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)
#### Post date: [September 22, 2020, 12:55pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/1 "2020-09-22T12:55:05Z")

</div>

Hey Thunkers!

First we had the [List Viewer](https://docs.thunkable.com/list-viewer).

Then we added the [Data Viewer List](https://docs.thunkable.com/data-viewer-list) and [Data Viewer Grid](https://docs.thunkable.com/data-viewer-grid).

Now we are introducing the [Custom Data Viewer Layout](https://docs.thunkable.com/custom-data-viewer-layout), which gives you more control than ever over how your data looks!

You can turn any [Row](https://docs.thunkable.com/row) or [Column](https://docs.thunkable.com/column) into a template for the Data Viewer List or Data Viewer Grid.

Then you can tie any property of the components inside your row/column to your data source - size, color, contents, and more!

 ![customdataviewerpreview](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/d/cd02cf24b62ef697e785588f0ea27cfd1c9d2dac.png)

There’s a lot to show you, so please check out:

- our [new docs](https://docs.thunkable.com/custom-data-viewer-layout)
- the [YouTube tutorial](https://youtu.be/UIZtLgELGyk) we have made to introduce the component!

We’re looking forward to seeing what you create with this new level of customization!

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [September 22, 2020, 12:55pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/2 "2020-09-22T12:55:27Z")

</div>



---

<div class="post-metadata">

### Author: ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [September 22, 2020, 1:22pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/3 "2020-09-22T13:22:56Z")

</div>

I would say only one word, **AMAZING**!

Can’t wait to test this out! 😀💥

Kudos Team Thunkable! You are killin it! ⚡

---

<div class="post-metadata">

### Author: ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)
#### Post date: [September 22, 2020, 4:23pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/4 "2020-09-22T16:23:42Z")

</div>

Awesome work by the team. Super busy here with school work but when I get a chance I’ll check it out. Ground breaking stuff here for the platform. Thanks guys!

---

<div class="post-metadata">

### Author: ![DuMonster](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/dumonster/32/81287_2.png) [@DuMonster](https://community.thunkable.com/u/DuMonster)
#### Post date: [September 22, 2020, 4:43pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/5 "2020-09-22T16:43:37Z")

</div>

💯

---

<div class="post-metadata">

### Author: ![Christian\_Sigge](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/christian_sigge/32/27756_2.png) [@Christian\_Sigge](https://community.thunkable.com/u/Christian_Sigge)
#### Post date: [September 22, 2020, 7:21pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/6 "2020-09-22T19:21:37Z")

</div>

That is really amazing, makes alot of things easier, one question i got, can the custom dataviewer contain buttons or clickable labels? I would like to extend the hight of the column in the Listviewer by clicking on the label or button.

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [September 22, 2020, 7:30pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/7 "2020-09-22T19:30:34Z")

</div>

> [@Christian\_Sigge](#):
>
> I would like to extend the hight of the column in the Listviewer by clicking on the label or button.

That’s a good question @Christian_Sigge, and not something I’ve tried yet.

Do you mean that the user could click on a button and that would show/hide more options in a sort of drop-down?

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [September 22, 2020, 8:45pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/9 "2020-09-22T20:45:51Z")

</div>

🦾 🦾🦾🦾🦾🦾

---

<div class="post-metadata">

### Author: ![tobi](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tobi/32/70526_2.png) [@tobi](https://community.thunkable.com/u/tobi)
#### Post date: [September 23, 2020, 7:18am UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/10 "2020-09-23T07:18:21Z")

</div>

If there is a option to give more than one heart than i will be giving **100** ’s! 😄 😄

I am somewhere also sad because, I recently needed it most and because It was not available yet, So, I somehow managed to complete that app with the traditional Data List Viewer.

However, Great Feature!

**Good Luck! For next big announcement!** 🎉 🎉

---

<div class="post-metadata">

### Author: ![Christian\_Sigge](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/christian_sigge/32/27756_2.png) [@Christian\_Sigge](https://community.thunkable.com/u/Christian_Sigge)
#### Post date: [September 23, 2020, 5:33pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/11 "2020-09-23T17:33:51Z")

</div>

Hello, yes that is what I mean, having colums hidden in the Main Column and make them visible by clicking a button, making them visible should enlarge the main column.

I did some test, but it did not work, it is not a big issue, it would just be very convinient if this would be possible, can you confirm with your team if my idea should work and Im just doing it wrong or if this is not possible.

Thank you very much.

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [September 23, 2020, 5:59pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/12 "2020-09-23T17:59:52Z")

</div>

A post was merged into an existing topic: [Absolute positioning and Data Viewer Custom Layouts](https://community.thunkable.com/t/absolute-positioning-and-data-viewer-custom-layouts/843447/2)

---

<div class="post-metadata">

### Author: ![39hzr3gi2fcvm](https://avatars.discourse-cdn.com/v4/letter/3/ecb155/32.png) [@39hzr3gi2fcvm](https://community.thunkable.com/u/39hzr3gi2fcvm)
#### Post date: [September 23, 2020, 6:09pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/13 "2020-09-23T18:09:01Z")

</div>

Dont work ? dont see the button to create a new one

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [September 23, 2020, 7:06pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/14 "2020-09-23T19:06:24Z")

</div>

Hey @39hzr3gi2fcvm, 👋

Welcome to the community! Since this was part of a recent update you’ll need to make sure your browser has the latest version of Thunkable.

Please try doing a [hard refresh](https://intercom.help/thunkable/en/articles/3630719-how-to-hard-refresh-your-browser) and let us know whether the new icon appears on your rows and columns.

Thanks!

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [September 24, 2020, 7:51am UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/15 "2020-09-24T07:51:17Z")

</div>



---

<div class="post-metadata">

### Author: ![maxb](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/maxb/32/35200_2.png) [@maxb](https://community.thunkable.com/u/maxb)
#### Post date: [September 28, 2020, 9:14am UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/16 "2020-09-28T09:14:34Z")

</div>

It’s one main feature in my app design, and no, it doesn’t work atm, steven is aware of the problem, we discussed it [here](http://community.thunkable.com/t/absolute-positioning-and-data-viewer-custom-layouts/843447/2) and in PMs

> [@Absolute positioning and Data Viewer Custom Layouts](http://community.thunkable.com/t/absolute-positioning-and-data-viewer-custom-layouts/843447/2):
>
> Didn’t see this thread and posted somewhere else,I have a bug [http://community.thunkable.com/t/latest-thunkable-release-new-components-data-viewer-list-and-data-viewer-grid-2020-05-05/564204/110?u=maxb](http://community.thunkable.com/t/latest-thunkable-release-new-components-data-viewer-list-and-data-viewer-grid-2020-05-05/564204/110)

unfortunately it’s not beenfixed yet

---

<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, 12:23pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/17 "2024-11-08T12:23:44Z")

</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, 4:13pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/18 "2024-12-19T16:13:42Z")

</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, 4:29pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630/19 "2024-12-19T16:29:57Z")

</div>


