# Old UI custom data viewer list layout **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** design, beginner\ **Created:** [November 20, 2021, 8:54am UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754 "2021-11-20T08:54:01Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\ **Post date:** [November 20, 2021, 8:54am UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/1 "2021-11-20T08:54:01Z")
Hey guys , trying to make myself a data viewer list layout like this ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/0/30140c86bb6882a4f569da9cc40eb99ef0e8d3d1.jpeg) can someone help me out (because old UI is not flexible for designing ,in my opinion) ---
**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\ **Post date:** [November 20, 2021, 9:46am UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/2 "2021-11-20T09:46:21Z")
i made 1 design like default designs. but it doesnt work like default ones. How can i fix? Design: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/c/2cbbf8b129d351856dcd1eefaa43260e7eb3e674.png) Preview : ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/e/8ee97f26839b22f97ddf1773aa370c50e0d30e28.png) @muneer can you help ? ---
**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:** [November 20, 2021, 10:04am UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/3 "2021-11-20T10:04:38Z")
an you please send me the design screen/project and some test for me to view it? ---
**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\ **Post date:** [November 20, 2021, 11:52am UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/4 "2021-11-20T11:52:05Z")
[https://x.thunkable.com/copy/132adc9b27f2bd3ab8667772eac30ceb](https://x.thunkable.com/copy/132adc9b27f2bd3ab8667772eac30ceb) ---
**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:** [November 20, 2021, 12:17pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/5 "2021-11-20T12:17:11Z")
![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/1/e12f08c58462be65ec172ef7891e20d6e7377c4d.png) Sample ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/f/dfcad15e2bda7a9adfda0efc8f4468d552ff7f86.png) See the corrected layout. [https://x.thunkable.com/projectPage/6198e298ca92800010eedae8](https://x.thunkable.com/projectPage/6198e298ca92800010eedae8) Note that when you share a project, Thunkable does not share your cloud data source this is why you see the data in the screen as sample text. ---
**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\ **Post date:** [November 20, 2021, 12:42pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/6 "2021-11-20T12:42:59Z")
> [@muneer](#): > > does not share your cloud data sourc This helped me a lot , thanks a lot @muneer . PS: i owe you a dinner sir 😃 ---
**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:** [November 20, 2021, 12:51pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/7 "2021-11-20T12:51:09Z")
> [@unsalberkay1905cfbe](#): > > a dinner sir At doner will be fine for now 🤣 ---
**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\ **Post date:** [November 20, 2021, 12:53pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/8 "2021-11-20T12:53:41Z")
😃 ---
**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\ **Post date:** [November 20, 2021, 2:00pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/9 "2021-11-20T14:00:52Z")
mr @muneer i am bothering you again sorry. i think with your help , i came up with great design , but i changed your col1 to label because color will change due to the driver. so i ll get the color data aswell. The problem is , i think it auto assign text to my label . My design screen ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/5/c5e51e6c2403b194b2d68106c0f56f9b4253d2e9.png) My data viwer list screen ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/e/0e11e6749e70497dbe0e64f06432f4d4e8099b69.jpeg) how can i fix thanks ---
**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:** [November 20, 2021, 2:04pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/10 "2021-11-20T14:04:00Z")
Remove the word `Label` from it and just put a dot and make the text color and background color for this `Label` the same. You could use the `column` and change the background color the same way. ---
**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\ **Post date:** [November 20, 2021, 2:08pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/11 "2021-11-20T14:08:55Z")
sir the thing is every driver has different colors , so background will always change , for example : team ferrari will have red , mercedes will,have light blue , EDIT 1 : And how can i cahnge font sir (at simple table i can only use standart and italic ) can i add other font kinds? ---
**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:** [November 20, 2021, 2:30pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/12 "2021-11-20T14:30:46Z")
You can see the tutorial for advanced `Data Viewer Layout`. You can store the color in Google sheet and the `Data Viewer Layout` will use that color. You can change fonts and style. Anything you can change in the label you can use in the `Data Viewer Layout`. Check this tutorial [![](https://img.youtube.com/vi/UIZtLgELGyk/maxresdefault.jpg "Data Viewer Custom Layouts Tutorial [Snap to Place]") ](https://www.youtube.com/watch?v=UIZtLgELGyk) ---
**Author:** ![denemeyanilma892420](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@denemeyanilma892420](https://community.thunkable.com/u/denemeyanilma892420)\ **Post date:** [November 21, 2021, 1:12pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/13 "2021-11-21T13:12:32Z")
Hi @muneer , i have a birthday present for you 😃 , i worked it out the color part . Here: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/4/f4ab5d07c0411b79320b9f2739cd39ec729637a9.jpeg) but at my phone it looks like this : blob:[WhatsApp Web](https://web.whatsapp.com/ce24573e-d850-49d0-bb97-e44f003ac661) when i changed apps , now it looks like this blob:[WhatsApp Web](https://web.whatsapp.com/ce24573e-d850-49d0-bb97-e44f003ac661) ps:probably app downloads slowly because of the background image comes from URL , and the colors aswell . How can i fix ---
**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:** [November 21, 2021, 2:58pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/14 "2021-11-21T14:58:31Z")
> [@denemeyanilma892420](#): > > but at my phone it looks like this : I can only see this ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/4/f4472a5e60f289805e22d6be993b08af0b47eced.png) Show me what happens and send me the `Data Viewer Layout` let me see if I can fix it. ---
**Author:** ![denemeyanilma892420](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@denemeyanilma892420](https://community.thunkable.com/u/denemeyanilma892420)\ **Post date:** [November 21, 2021, 6:56pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/15 "2021-11-21T18:56:19Z")
@muneer sir i can not use blob ---
**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\ **Post date:** [November 21, 2021, 7:16pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/16 "2021-11-21T19:16:23Z")
[https://x.thunkable.com/copy/42b5c0f47b39603f146e2ea1d6a2daf2](https://x.thunkable.com/copy/42b5c0f47b39603f146e2ea1d6a2daf2) at screeen 2 off the topic : Hi ,Lets say i have 500 users at my app . i have a selection tab at my google sheet , and when i press bahrain race at my app , it writes down bahrain at selection . Is this system going to work with 500 users ? Thanks. ---
**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:** [November 22, 2021, 8:05am UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/17 "2021-11-22T08:05:10Z")
> [@unsalberkay1905cfbe](#): > > Is this system going to work with 500 users ? Thanks. The short answer is **NO**. If any two users are using the app at the same time and selected different teams, what will be written in the Google sheet? The selection of user 1 or user 2? ---
**Author:** ![denemeyanilma892420](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@denemeyanilma892420](https://community.thunkable.com/u/denemeyanilma892420)\ **Post date:** [November 22, 2021, 9:16am UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/18 "2021-11-22T09:16:20Z")
Yes , it doesnt work i tried it on 2 different accounts , only my main accounted connected to it . Is there anyway to fix , or do i have to change aproach for design. ---
**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\ **Post date:** [November 22, 2021, 9:19am UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/19 "2021-11-22T09:19:27Z")
Here is my project link : [https://x.thunkable.com/copy/d00f8406bd4aed8b8640dc6a8a453ac3](https://x.thunkable.com/copy/d00f8406bd4aed8b8640dc6a8a453ac3) and my google sheet : > **[DRL\_Mobil](https://docs.google.com/spreadsheets/d/1MRyCT4tfyUA0UQOimdK-Y32I9lauv6fmqeuaMoFlpBo/edit?usp=sharing)** > > qual > > Driver,Team,Bahrain,Italy - Imola,Portugal,Spain,Monaco,Azerbaijan,France,Austria,Great Britain,Hungary > Kerem Özcan,Scuderia Ferrari,6,16,2,4,5,3,15,7,0,3 > Can Yüksel,Scuderia Ferrari,18,20,11,14,12,12,11,11,12,13 > Alperen Yıldız,Redbull... @muneer ---
**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\ **Post date:** [November 22, 2021, 4:49pm UTC](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754/20 "2021-11-22T16:49:36Z")
@muneer have you tried it out? [Next page](https://community.thunkable.com/t/old-ui-custom-data-viewer-list-layout/1625754.md?page=2)