# \[not Solved\] Editing Custom Data Viewer Layouts

**URL:** <https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445>\
**Category:** Questions about Thunkable X\
**Tags:** design, solved, draganddrop, data-viewer\
**Created:** [May 11, 2021, 2:02pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445 "2021-05-11T14:02:11Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![artem.dzyuba](https://avatars.discourse-cdn.com/v4/letter/a/71c47a/32.png) [@artem.dzyuba](https://community.thunkable.com/u/artem.dzyuba)\
**Post date:** [May 11, 2021, 2:02pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/1 "2021-05-11T14:02:11Z")

</div>

Hello! When I go to My Data View Layouts and then click edit, I see that everithing is grayed out and non-editable. How can I start editing the layout?

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

---

<div class="post-metadata">

**Author:** ![ozel1978](https://avatars.discourse-cdn.com/v4/letter/o/3ec8ea/32.png) [@ozel1978](https://community.thunkable.com/u/ozel1978)\
**Post date:** [May 11, 2021, 3:55pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/2 "2021-05-11T15:55:14Z")

</div>

not suppose to be happen like this. try log out and log in again.

---

<div class="post-metadata">

**Author:** ![artem.dzyuba](https://avatars.discourse-cdn.com/v4/letter/a/71c47a/32.png) [@artem.dzyuba](https://community.thunkable.com/u/artem.dzyuba)\
**Post date:** [May 11, 2021, 4:05pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/3 "2021-05-11T16:05:14Z")

</div>

I logged out and logged in as you recommended. No effect. I saw another post, where the user [mentioned](https://community.thunkable.com/t/custom-data-viewer-layouts-not-accessible-in-projects/1194278) the grayed-out interface. There was no answer on that particular problem.

---

<div class="post-metadata">

**Author:** ![ozel1978](https://avatars.discourse-cdn.com/v4/letter/o/3ec8ea/32.png) [@ozel1978](https://community.thunkable.com/u/ozel1978)\
**Post date:** [May 11, 2021, 4:09pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/4 "2021-05-11T16:09:19Z")

</div>

all your project have same issue or only this one? try create new one let see if have similar issue.

---

<div class="post-metadata">

**Author:** ![artem.dzyuba](https://avatars.discourse-cdn.com/v4/letter/a/71c47a/32.png) [@artem.dzyuba](https://community.thunkable.com/u/artem.dzyuba)\
**Post date:** [May 11, 2021, 4:33pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/5 "2021-05-11T16:33:33Z")

</div>

Just created a new Legacy UI project, created saved a Data Viewer there, and tried changed it through the dashboard. It’s undetable. You can see that my coursor is read.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/c/cc41961d1d4b86918bc9d689384ee6dbc7f545c9.jpeg)

---

<div class="post-metadata">

**Author:** ![artem.dzyuba](https://avatars.discourse-cdn.com/v4/letter/a/71c47a/32.png) [@artem.dzyuba](https://community.thunkable.com/u/artem.dzyuba)\
**Post date:** [May 12, 2021, 11:04am UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/6 "2021-05-12T11:04:09Z")

</div>

Did you manage to check the issue, does it work at your side properly?

---

<div class="post-metadata">

**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 12, 2021, 1:14pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/7 "2021-05-12T13:14:37Z")

</div>

@artem.dzyuba it works properly in my side and I can edit the layout.

---

<div class="post-metadata">

**Author:** ![artem.dzyuba](https://avatars.discourse-cdn.com/v4/letter/a/71c47a/32.png) [@artem.dzyuba](https://community.thunkable.com/u/artem.dzyuba)\
**Post date:** [May 12, 2021, 4:13pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/8 "2021-05-12T16:13:28Z")

</div>

Don’t understand what it can be. Still experiencing that issue

---

<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:** [May 12, 2021, 4:14pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/9 "2021-05-12T16:14:01Z")

</div>

I have the same problem.

---

<div class="post-metadata">

**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\
**Post date:** [May 12, 2021, 4:28pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/10 "2021-05-12T16:28:22Z")

</div>

Same problem as well.

---

<div class="post-metadata">

**Author:** ![goutham](https://avatars.discourse-cdn.com/v4/letter/g/22d042/32.png) [@goutham](https://community.thunkable.com/u/goutham)\
**Post date:** [May 12, 2021, 4:45pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/11 "2021-05-12T16:45:31Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/0/205d5ae1c0290d5c4f259692cecd1dd6a960b87a.png)

Seeing the same on our end, unable to edit the modules - as a workaround you could still use your legacy project and save an updated version of your layout and this will be available in your DnD project.

Apologies for the inconvenience, this will keep you going until we fix the module editor.

---

<div class="post-metadata">

**Author:** ![artem.dzyuba](https://avatars.discourse-cdn.com/v4/letter/a/71c47a/32.png) [@artem.dzyuba](https://community.thunkable.com/u/artem.dzyuba)\
**Post date:** [May 12, 2021, 4:51pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/12 "2021-05-12T16:51:25Z")

</div>

Yes, the only workaround here is to re-save in Legacy and rebind the data in DnD. Thank you.

Hope you will fix it soon, please, notify when you fix it. I 'aso created a [bug request](https://github.com/thunkable/thunkable-issues/issues/901) on Github yesterday.

---

<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:** [May 12, 2021, 4:53pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/13 "2021-05-12T16:53:25Z")

</div>

> [@muneer](#):
>
> I can edit the layout.

Can you share a screenshot of what this looks like for you when you click “Edit” in the My Data Viewer Layouts tab @muneer?

---

<div class="post-metadata">

**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 12, 2021, 4:56pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/14 "2021-05-12T16:56:53Z")

</div>

Will do @domhnallohanlon

Just to let you know this is not the first time this issue is reported. See this

> [@My Dataviewer Layouts tab](https://community.thunkable.com/t/my-dataviewer-layouts-tab/1252948):
>
> I found the fantastic function that allow to create a custom layout for datagrid and datalist. It’s not clear to me if the editor of layouts is active or not. In the thunkable resource page, i can find a “My dataviewer layouts tab” And when i click on action “edit” it it opens a screen editor in which avery action seems to be blocked. Is it only a preview? so If i have to change a detail of my custom layout i have to create a brand new one? Thank you!

---

<div class="post-metadata">

**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 12, 2021, 5:10pm UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/15 "2021-05-12T17:10:54Z")

</div>

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

This is a screen shot as you requested. Let me know if you need anything else.

---

<div class="post-metadata">

**Author:** ![artem.dzyuba](https://avatars.discourse-cdn.com/v4/letter/a/71c47a/32.png) [@artem.dzyuba](https://community.thunkable.com/u/artem.dzyuba)\
**Post date:** [May 13, 2021, 8:18am UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/16 "2021-05-13T08:18:24Z")

</div>

This interface looks different from mine. Mine has no screen in the middle. Maybe that’s because your account was create much earlier than mine, even before DnD was introduced. And this might explain why some accounts have no problem editing modules.

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Geppo\_Catta](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Giuseppe\_Geppo\_Catta](https://community.thunkable.com/u/Giuseppe_Geppo_Catta)\
**Post date:** [May 13, 2021, 9:26am UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/17 "2021-05-13T09:26:34Z")

</div>

Here is the issue I’ve opened in Github with a video about the same isse but nobody seems to have it in charge.

> <https://github.com/thunkable/thunkable-issues/issues/885>
>
> I'm trying to edit a custom Dataviewer list layout but when i click on EDIT it o…pens an editor where I can select object, but if i try to change any properties, for example dimension or alignment or padding or whatever else, a prohibition symbol appear at the mouse pointer.
> Why?
> !\[1619707658172\](https://user-images.githubusercontent.com/52273816/116570876-e283fd00-a90a-11eb-88f6-6e541b51e8f3.jpg)
> 
> 
> https://user-images.githubusercontent.com/52273816/116665194-bcf20480-a999-11eb-9f50-dfaa9b2b2d6b.mp4

---

<div class="post-metadata">

**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 13, 2021, 11:13am UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/18 "2021-05-13T11:13:47Z")

</div>

Thank you @Giuseppe_Geppo_Catta, @artem.dzyuba  
I made more tests related to layouts of the Data Viewer custom tool and was able to reproduce your situation.  
@domhnallohanlon You might be interested in these findings  
Now I get this screen if I try to edit the layout I created

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

I found out that this happens if you save the layout from the option if the column in the screen. If, however, you save the layout from the option of the screen directly then you will get a full view just like what I had earlier.

So it seems that they way you save the layout makes the difference.

If you use this you get it working  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/6/16923aeb05931957c1c23619142bc4862e987686.png)

However,  
If You use this, you don’t get the screen at all  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/b/1b653c42ddff2b13de318c71cf16e8be0cadc991.png)

Hope this will help find a solution quicker.

---

<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:** [May 13, 2021, 11:56am UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/19 "2021-05-13T11:56:54Z")

</div>

> [@muneer](#):
>
> If you use this you get it working
> 
> However,  
> If You use this, you don’t get the screen at all

Thanks @muneer - this should be very helpful I think!

---

<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:** [May 13, 2021, 11:58am UTC](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445/20 "2021-05-13T11:58:00Z")

</div>

So basically, if I want to save a column as a custom DVL, then I have to transfer all the column’s contents into an empty screen and save that instead?

[Next page](https://community.thunkable.com/t/not-solved-editing-custom-data-viewer-layouts/1276445.md?page=2)
