# \[Solved\] Help to fix the Screen Layout to use in a custom DataViewer **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [May 17, 2022, 5:18am UTC](https://community.thunkable.com/t/solved-help-to-fix-the-screen-layout-to-use-in-a-custom-dataviewer/1879671 "2022-05-17T05:18:53Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![paulovaz72](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/paulovaz72/32/119071_2.png) [@paulovaz72](https://community.thunkable.com/u/paulovaz72)\ **Post date:** [May 17, 2022, 5:18am UTC](https://community.thunkable.com/t/solved-help-to-fix-the-screen-layout-to-use-in-a-custom-dataviewer/1879671/1 "2022-05-17T05:18:53Z")
Hello Thunkers! Currently I’m using the SnP version and I’m trying to create a FaceBook-like Dataviewer layout. After hours changing the components properties I can’t find a way to make my layout fits the main image correctly. Anybody knows what in the hell I have to change to fit the different photos sizes / aspect ratios without leaving blank spaces before / after or hiding the the bottom row? Look some different results I had: ![Captura de tela de 2022-05-17 01-58-43](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/c/cc20afd7d59b3ac864f1663379902ea1f70ddc88.png) ![Captura de tela de 2022-05-17 02-08-57](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/e/be2919a376594c0d2ee9e86558536328916370a3.png) In both examples, the Label below the photo that shows the photo description is hidden for some unknown reason (but in Thunkable IDE is displayed normally). I changed the following properties in many different ways without results: - Height / Width - Picture Resize Mode - (Advanced) Max Height / Width - (Advanced) Aspect Ratio, - (Advanced) Min/Max Height/Width Any help will be appreciated! Regards! Paulo Vaz ---
**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 17, 2022, 8:17am UTC](https://community.thunkable.com/t/solved-help-to-fix-the-screen-layout-to-use-in-a-custom-dataviewer/1879671/2 "2022-05-17T08:17:14Z")
It’s very difficult to control an `image` component in a Data Viewer. I would use a `row` or `column` and set the background image to show the selected photo. ---
**Author:** ![paulovaz72](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/paulovaz72/32/119071_2.png) [@paulovaz72](https://community.thunkable.com/u/paulovaz72)\ **Post date:** [May 17, 2022, 11:41am UTC](https://community.thunkable.com/t/solved-help-to-fix-the-screen-layout-to-use-in-a-custom-dataviewer/1879671/3 "2022-05-17T11:41:19Z")
Thanks @muneer ! Two questions: 1. It’s possible link the datasource with any image in the DataViewer when we use this image as a column background? 2. Will be easier to manipulate these images / Dataviewer if I change my project to the DnD interface? Regards, Paulo Vaz **UPDATE** Regarding Question #1, **Yes** , it’s possible to bind Row Background Image to the Dataviewer when you select the Advanced Binding, when creating the DataViewer 🙂 **UPDATE 2** The idea of @munner to use backgound picture was nice, but it was also necessary create a “dummy” label and set an absolute height of 350 px in order show the background picture correctly. Look the result: ![screenshot-2022-05-17_13.39.15.197](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/e/4ee248ec0d92c66a18f03b14aff428abbe9860af.jpeg) . . . . ![screenshot-2022-05-17_13.39.35.081](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/4/d457761f6c75be1f2f7d7401edb2928982997c1e.jpeg) . . . . ![screenshot-2022-05-17_13.39.48.434](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/d/fdbb4adf25644f0f93063b1289f2f0a471d98667.jpeg) ---
**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 17, 2022, 6:12pm UTC](https://community.thunkable.com/t/solved-help-to-fix-the-screen-layout-to-use-in-a-custom-dataviewer/1879671/4 "2022-05-17T18:12:03Z")
If I were you I would create a dummy table with one single record only and then bind it to the Data Viewer. I will then use my code to change the content of the Data Viewer fields. This way I will not need to use `Advanced Binding` and will only display a single **card** at a time. ---
**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:** [August 15, 2022, 6:12pm UTC](https://community.thunkable.com/t/solved-help-to-fix-the-screen-layout-to-use-in-a-custom-dataviewer/1879671/5 "2022-08-15T18:12:18Z")
This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.