# Horizontal Scrolling in Data Viewer Grid also scrolls Vertically

**URL:** <https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856>\
**Category:** Questions about Thunkable X\
**Tags:** scrolling\
**Created:** [February 28, 2022, 2:44pm UTC](https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856 "2022-02-28T14:44:01Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 28, 2022, 2:44pm UTC](https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856/1 "2022-02-28T14:44:01Z")

</div>

I want to be able to scroll horizontally with a Data Viewer Grid (DVG) but when I enable that property and test it in Thunkable Live on my iPhone, it also scrolls vertically. I think it’s related to the pull-to-refresh function of a DVG.

Is there a way to avoid that and only scroll horizontally?

Project with simple example:

[https://x.thunkable.com/copy/2541d5c0967fa6a4040dc679d139beea](https://x.thunkable.com/copy/2541d5c0967fa6a4040dc679d139beea)

![RPReplay_Final1646059044_AdobeCreativeCloudExpress](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/f/ef975b1b52be1bc23fdbfedc54d446125b84fd0e.gif)

---

<div class="post-metadata">

**Author:** ![ashesdroid](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ashesdroid/32/127531_2.png) [@ashesdroid](https://community.thunkable.com/u/ashesdroid)\
**Post date:** [March 2, 2022, 9:17pm UTC](https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856/2 "2022-03-02T21:17:48Z")

</div>

I tested the linked project on my Android; it didn’t pull down or up for me. When I tried to force the “pull to refresh” it pulls the loading icon that Android uses. I’m thinking it may be an iOS interaction if that is the OS you are using. Sorry I couldn’t replicate it to help out more.

Edit: The only thing I can think of to get around that is by creating a group with images and instead of using the DVG, just computing values with variables. It’s kind of an archaic fix, but it’s what I had to do with some of my projects to get around DV issues.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [March 2, 2022, 10:35pm UTC](https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856/3 "2022-03-02T22:35:12Z")

</div>

Thanks for testing it and for the feedback. Yeah, I’m considering cloning images or buttons for the horizontal data but I just feel like many of the things I try to do in Thunkable are workarounds for things that don’t quite work right and I’m trying to encourage Thunkable to fix those instead of relying on the workarounds.

---

<div class="post-metadata">

**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:** [March 3, 2022, 6:54am UTC](https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856/4 "2022-03-03T06:54:00Z")

</div>

I made some changes in your project and even if I have the DVG to take the whole screen it will still as if scrolling vertically when you pull down to refresh.

This behavior is in iOS but not in Android. I thought this is due to you sat the height as `Fit contents` but even when I changed it to `Fill container` the same thing happened.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [March 8, 2022, 7:08pm UTC](https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856/5 "2022-03-08T19:08:40Z")

</div>

I’ve also reported this as a bug here:

> <https://github.com/thunkable/thunkable-issues/issues/1128>
>
> Thanks so much for filing an issue or feature request! Please fill out the follo…wing (wherever relevant):
> 
> The more info, the faster we will be able to address it!
> 
> \### Platform
> Drag and Drop UI - iOS
> 
> \### Steps to Reproduce
> 1. Add data to a local data source
> 2. Add a Data Viewer Grid (DVG) and sync it to the data source
> 3. Enable horizontal scrolling for the DVG
> 4. Test in Thunkable Live on an iPhone 11
> 5. Swipe left or right
> 
> \### Expected Behavior
> The DVG contents should scroll horizontally.
> 
> \### Actual Behavior
> The DVG contents scroll horizontally but also vertically. I believe this is related to the pull-to-refresh feature of DVGs. This does not occur on Android phones.
> 
> \### Project Link
> https://x.thunkable.com/copy/2541d5c0967fa6a4040dc679d139beea
> 
> \###Community Link
> https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856
> \`\`\`
> STACK TRACE AND/OR SCREENSHOTS
> \`\`\`

---

<div class="post-metadata">

**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:** [March 9, 2022, 8:11pm UTC](https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856/6 "2022-03-09T20:11:44Z")

</div>

Hi @tatiang  
Until Thunkable corrects this issue, I made a workaround for the horizonal scrolling for now

See the demo  
[https://x.thunkable.com/projectPage/62290175860b290011e24aae](https://x.thunkable.com/projectPage/62290175860b290011e24aae)

This solution only works from the mobile device. It will not display correctly in the computer. It also only works in **StP**.

It might not be a solution but just to see how far things can go with workarounds.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [March 9, 2022, 10:19pm UTC](https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856/7 "2022-03-09T22:19:43Z")

</div>

Interesting! So how does that work? It seems like none of the components have Scrollable enabled.

---

<div class="post-metadata">

**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:** [March 10, 2022, 3:12am UTC](https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856/8 "2022-03-10T03:12:35Z")

</div>

I use the DVL for the scrolling and place it inside a column that is turned 90° (see `Transform` in the Advanced tab) to give the effect of horizontal scrolling.

This is why I have to use my own layout because I use a column in the custom layout to contain the image and the label and the column is also turned 90° in the opposite side to show the image the right way.

---

<div class="post-metadata">

**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:** [June 8, 2022, 3:13am UTC](https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856/9 "2022-06-08T03:13:13Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
