# Can you help me with my custom DVL layout? **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [April 1, 2022, 7:03pm UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701 "2022-04-01T19:03:56Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\ **Post date:** [April 1, 2022, 7:03pm UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/1 "2022-04-01T19:03:56Z")
hi I’m trying to make a custom Data Viewer Layout like this: ![Capture d’écran 2022-04-01 à 20.55.46](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/7/f75920d36a802b63c669e8f3a32c426691906ca3.png) from [https://x.thunkable.com/copy/d012a5e8d39ce06489c5a367ecc2c684](https://x.thunkable.com/copy/d012a5e8d39ce06489c5a367ecc2c684) and i get that 😒 ![Capture d’écran 2022-04-01 à 21.07.04](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/0/30b6ad717752a9346ac1dc85e266acd7f37ae182.png) It’s really the formatting that bothers me It looks like cards… I’m going back I’ll try to make a frame update : i put a frame but the cards are not spaced ---
**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:** [April 1, 2022, 9:46pm UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/2 "2022-04-01T21:46:24Z")
When designing a custom DVL layout, go to advanced settings and give your row a minimum height. Start with that and work your way inward setting min/max heights and widths for your elements when your elements in your custom DVL layout aren’t showing the way you’d like. Remember your can’t update created layouts and instead need to save a new one. ---
**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\ **Post date:** [April 2, 2022, 5:40am UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/3 "2022-04-02T05:40:23Z")
thank you for your intervention but I don’t get it when i use the layouts provided with thunkable the layout looks so natural it is unfortunate that we do not have access to these layouts to see how it work we could remix them like the projects without modifying the original ---
**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:** [April 2, 2022, 7:57am UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/4 "2022-04-02T07:57:53Z")
How are you sizing your component? If you’re using “fill parent” for the image dimensions, but then not specifying an image file then I’d expect it to look like your screenshot. Have you tried using absolute (pixel) sizing? ---
**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\ **Post date:** [April 2, 2022, 8:28am UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/5 "2022-04-02T08:28:10Z")
hi I don’t use pixels because I probably think it’s wrong if I use it for a screen size what will it be for a screen with a higher resolution the large square you see (in the first post) is not the location of an image but of a text box thank you for looking into my difficulties. ---
**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:** [April 2, 2022, 8:30am UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/6 "2022-04-02T08:30:40Z")
> [@bibbi](#): > > the large square you see (in the first post) is not the location of an image but of a text box And do you want that textbox to be a certain minimum height? Do you have a wireframe or mock-up of what your final UI _should_ look like? ---
**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\ **Post date:** [April 2, 2022, 8:34am UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/7 "2022-04-02T08:34:45Z")
I would like my final UI looks like the one in post 1 ![Capture d’écran 2022-04-02 à 10.40.57](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/7/7773061e6e5a9f1828d25317a49ad1fbc2660b0e.png) I would like to know if we can change the background of a label according to a data source value ---
**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:** [April 2, 2022, 5:41pm UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/8 "2022-04-02T17:41:57Z")
> [@bibbi](#): > > I don’t use pixels because I probably think it’s wrong if I use it for a screen size what will it be for a screen with a higher resolution You can use **Relative Size** which will scale according to phone screen size. ---
**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\ **Post date:** [April 3, 2022, 6:44am UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/10 "2022-04-03T06:44:44Z")
hi most of the time that’s what I do and in this case even when I put 15% in a line to separate two “cards” it doesn’t I have the impression that the List Item Layout is not up to date: with the same data, the same loops etc. I use the provided with Thunkable it is displayed correctly with my attempts at customization I can’t even get it have all my data I have already used the possibility to customize DVL but it was a row containing 3 labels and I struggled Too bad we can’t increase the size of the characters in the DVL supplied with Thunkable…I would have been satisfied thank you for your precision ---
**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:** [April 3, 2022, 3:08pm UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/11 "2022-04-03T15:08:24Z")
See this demo from my side ![card DVL](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/f/5f6c3fd516c3555a0cdef8e47a118141fe0640e5.gif) This is the project [Thunkable](https://x.thunkable.com/projectPage/6249b13fb14afe00e2348279) It has the main text part as fixed (absolute) and the color is changing from the entries in the table. Hope that answers your questions. ---
**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\ **Post date:** [April 3, 2022, 7:58pm UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/12 "2022-04-03T19:58:34Z")
hi I am discovering the great work you have done if I understand correctly, I still have to go to screen 2 and save it as a layout The Data Viewer List doesn’t need to refresh? I did not yet understood the stroke of color … ---
**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:** [April 4, 2022, 11:49am UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/13 "2022-04-04T11:49:33Z")
See my other twisted way to show `Next` and `Prev` buttons. [https://x.thunkable.com/projectPage/6249e12271e34e0453c15c6d](https://x.thunkable.com/projectPage/6249e12271e34e0453c15c6d) This requires **two** different tables to work correctly. Have fun. ---
**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:** [April 4, 2022, 11:52am UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/14 "2022-04-04T11:52:05Z")
> [@bibbi](#): > > I still have to go to screen 2 and save it as a layout This is only required once. I include it in the same project but this is not required. The layout could be in a separate project if you need to. > [@bibbi](#): > > The Data Viewer List doesn’t need to refresh? The data is linked to the DVL and no refresh is required. > [@bibbi](#): > > I did not yet understood the stroke of color When saving a layout, you could choose `Advanced Binding` so you can manage the color of any component in the DVL. ---
**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\ **Post date:** [July 3, 2022, 11:52am UTC](https://community.thunkable.com/t/can-you-help-me-with-my-custom-dvl-layout/1813701/15 "2022-07-03T11:52:50Z")
This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.