# How to achieve DataviewerGrid displaying only 1 image in width of screen?

**URL:** <https://community.thunkable.com/t/how-to-achieve-dataviewergrid-displaying-only-1-image-in-width-of-screen/1342033>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [June 13, 2021, 10:07am UTC](https://community.thunkable.com/t/how-to-achieve-dataviewergrid-displaying-only-1-image-in-width-of-screen/1342033 "2021-06-13T10:07:07Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![limogopy64fbb](https://avatars.discourse-cdn.com/v4/letter/l/90db22/32.png) [@limogopy64fbb](https://community.thunkable.com/u/limogopy64fbb)\
**Post date:** [June 13, 2021, 10:07am UTC](https://community.thunkable.com/t/how-to-achieve-dataviewergrid-displaying-only-1-image-in-width-of-screen/1342033/1 "2021-06-13T10:07:07Z")

</div>

when i connect DataViewerGrid to my local database there are 2 images filling up width of the screen.

 ![2 images filling width of screen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/5/65001b27dda1cf39de5ec9cf3bc7bb16b9a80964.jpeg)

how can i achieve “DataViewerGrid” displaying only 1 image in width of screen

 ![1 image filling widt of screen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/4/b4f72f30d2cdc844491258921bd9d3faf0c2e82a.jpeg)

many thanks in advance for your answer

---

<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:** [June 13, 2021, 10:13am UTC](https://community.thunkable.com/t/how-to-achieve-dataviewergrid-displaying-only-1-image-in-width-of-screen/1342033/2 "2021-06-13T10:13:59Z")

</div>

You should use the Data Viewer **LIST** , not the GRID.

---

<div class="post-metadata">

**Author:** ![limogopy64fbb](https://avatars.discourse-cdn.com/v4/letter/l/90db22/32.png) [@limogopy64fbb](https://community.thunkable.com/u/limogopy64fbb)\
**Post date:** [June 13, 2021, 10:47am UTC](https://community.thunkable.com/t/how-to-achieve-dataviewergrid-displaying-only-1-image-in-width-of-screen/1342033/3 "2021-06-13T10:47:15Z")

</div>

it works perfect! - thank you so much !!!

---

<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:** [June 13, 2021, 12:14pm UTC](https://community.thunkable.com/t/how-to-achieve-dataviewergrid-displaying-only-1-image-in-width-of-screen/1342033/4 "2021-06-13T12:14:19Z")

</div>

Glad to hear it. You can mark my post as a solution if it helped you.

---

<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, 1:20pm UTC](https://community.thunkable.com/t/how-to-achieve-dataviewergrid-displaying-only-1-image-in-width-of-screen/1342033/5 "2024-11-08T13:20:16Z")

</div>