# Set vertical alignement in Data Viewer Grid to space-around

**URL:** <https://community.thunkable.com/t/set-vertical-alignement-in-data-viewer-grid-to-space-around/843516>\
**Category:** Questions about Thunkable X\
**Tags:** design, grid\_view, data-viewer\
**Created:** [September 23, 2020, 6:46pm UTC](https://community.thunkable.com/t/set-vertical-alignement-in-data-viewer-grid-to-space-around/843516 "2020-09-23T18:46:11Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![softwareup](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@softwareup](https://community.thunkable.com/u/softwareup)\
**Post date:** [September 23, 2020, 6:46pm UTC](https://community.thunkable.com/t/set-vertical-alignement-in-data-viewer-grid-to-space-around/843516/1 "2020-09-23T18:46:11Z")

</div>

Hi there! I’m loving the new Data Viewer Grid but I’ve encountered a small problem:  
usually for the column element we have a vertical alignement property with the spacing-around option. Does anyone know a way to have the same result on the Dtata Viewer Grid?  
This is the situation I’m in:

 ![Immagine 2020-09-23 204042](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/a/0ad533cbcd1ebd048e7cf550639040445acedc59.png)  
The result I want is that all the elements of the grid are in the Spacing-around mode.

---

<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:** [September 23, 2020, 9:12pm UTC](https://community.thunkable.com/t/set-vertical-alignement-in-data-viewer-grid-to-space-around/843516/2 "2020-09-23T21:12:08Z")

</div>

Hey @softwareup 👋 welcome to the community!

Sounds like a job for the new customer layouts!

> [@Custom Data Viewer Layout - Complete control over how your data looks!](http://community.thunkable.com/t/custom-data-viewer-layout-complete-control-over-how-your-data-looks/839630):
>
> Hey Thunkers! First we had the [List Viewer](https://docs.thunkable.com/list-viewer). Then we added the [Data Viewer List](https://docs.thunkable.com/data-viewer-list) and [Data Viewer Grid](https://docs.thunkable.com/data-viewer-grid). Now we are introducing the [Custom Data Viewer Layout](https://docs.thunkable.com/custom-data-viewer-layout), which gives you more control than ever over how your data looks! You can turn any [Row](https://docs.thunkable.com/row) or [Column](https://docs.thunkable.com/column) into a template for the Data Viewer List or Data Viewer Grid. Then you can tie any property of the components inside your row/column to your data source - size, color, contents, and more! There’s a lot to show you, …

---

<div class="post-metadata">

**Author:** ![softwareup](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@softwareup](https://community.thunkable.com/u/softwareup)\
**Post date:** [September 23, 2020, 9:31pm UTC](https://community.thunkable.com/t/set-vertical-alignement-in-data-viewer-grid-to-space-around/843516/3 "2020-09-23T21:31:51Z")

</div>

Hi thanks for the response. I Was also thinking about using the new feature but I’m wondering how to get the spacing between the rows of the grid. Can you get me an example on how to do that please?

---

<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, 12:23pm UTC](https://community.thunkable.com/t/set-vertical-alignement-in-data-viewer-grid-to-space-around/843516/4 "2024-11-08T12:23:49Z")

</div>


