# Custom Data Viewer Layout Not Rendering Like Source

**URL:** <https://community.thunkable.com/t/custom-data-viewer-layout-not-rendering-like-source/970833>\
**Category:** Questions about Thunkable X\
**Tags:** design, beginner, help\
**Created:** [November 12, 2020, 6:25pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-not-rendering-like-source/970833 "2020-11-12T18:25:36Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ngossiump](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ngossiump/32/85351_2.png) [@ngossiump](https://community.thunkable.com/u/ngossiump)\
**Post date:** [November 12, 2020, 6:25pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-not-rendering-like-source/970833/1 "2020-11-12T18:25:37Z")

</div>

Hi all,

I’m trying my first Custom Data Viewer Layout, however, I’ve can’t get it to render as the source row it comes from. You can see in the image, when I use data viewer with custom layout (top block), it doesn’t render like it’s source (the bottom block). Any pointers or help on this?

The source is the following:

- Row (w: fill container)
- 

```
Col (w: 50%)

```

- 

```
   Image

```

- 

```
Col (w: 50%)

```

- 

```
   Row (w: fill container)

```

- 

```
      label

```

- 

```
   Row (w: fill container)

```

- 

```
      label 

```

- 

```
   Row (w: fill container)

```

- 

```
      label 

```

Thanks in advance.

 ![Capture](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/0/f0481a880b43cabf99009e3a728daebf1fc495d4.png)

---

<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:21pm UTC](https://community.thunkable.com/t/custom-data-viewer-layout-not-rendering-like-source/970833/2 "2024-11-08T12:21:40Z")

</div>