# How to make a Horizontally scroll-able Row?

**URL:** <https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376>\
**Category:** Questions about Thunkable X\
**Created:** [February 10, 2020, 3:25pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376 "2020-02-10T15:25:20Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![funhall](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/funhall/32/92145_2.png) [@funhall](https://community.thunkable.com/u/funhall)\
**Post date:** [February 10, 2020, 3:25pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/1 "2020-02-10T15:25:20Z")

</div>

I have a long and wide list that I like to scroll down and side ways to see it all. But the sideway “slide” dont work in Android. I have been trying to use the tip in the link belowe with no luck. Is that not possible with long and wide lists???  
Can some one please help me out here.  
[Create Horizontal Scroll (Swipe Like) Row](http://community.thunkable.com/t/create-horizontal-scroll-swipe-like-row/76784/9)

---

<div class="post-metadata">

**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\
**Post date:** [February 10, 2020, 3:54pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/2 "2020-02-10T15:54:56Z")

</div>

Hi, @funhall! 👋

I am with you too! 😄  
I too want to know the method, of how to create a horizontal scroll like this -

[![](https://cdn.dribbble.com/users/969602/screenshots/4901594/horizontal-vertical-scroll.gif) ](https://cdn.dribbble.com/users/969602/screenshots/4901594/horizontal-vertical-scroll.gif)  
Image credits - @farzam.parto

Thanks! 😊  
**P.S.** I have edited the topic’s title to a more informative one.

---

<div class="post-metadata">

**Author:** ![funhall](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/funhall/32/92145_2.png) [@funhall](https://community.thunkable.com/u/funhall)\
**Post date:** [February 10, 2020, 4:47pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/3 "2020-02-10T16:47:36Z")

</div>

Yes that example doesn’t work for me with the list.

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [February 10, 2020, 6:23pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/4 "2020-02-10T18:23:55Z")

</div>

Row/horizontal scrolling isn’t available on Thunkable x

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [February 11, 2020, 7:20am UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/5 "2020-02-11T07:20:17Z")

</div>

Sample on scrScrollHorz

[https://x.thunkable.com/projects/5d70f93f8a62b4079eedaff2/project/properties/designer/](https://x.thunkable.com/projects/5d70f93f8a62b4079eedaff2/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [February 11, 2020, 2:09pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/6 "2020-02-11T14:09:06Z")

</div>

I’m unable to see your blocks in web the screen goes blank

---

<div class="post-metadata">

**Author:** ![funhall](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/funhall/32/92145_2.png) [@funhall](https://community.thunkable.com/u/funhall)\
**Post date:** [February 11, 2020, 2:30pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/7 "2020-02-11T14:30:03Z")

</div>

my screen is also blank when i try to load the blocks.  
It is freezing totally…

---

<div class="post-metadata">

**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\
**Post date:** [February 11, 2020, 2:30pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/8 "2020-02-11T14:30:21Z")

</div>

Same!

---

<div class="post-metadata">

**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:** [February 11, 2020, 4:01pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/9 "2020-02-11T16:01:34Z")

</div>

This is working on my iPhone live companion app. I haven’t tried to download.

---

<div class="post-metadata">

**Author:** ![kizzy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kizzy/32/76421_2.png) [@kizzy](https://community.thunkable.com/u/kizzy)\
**Post date:** [February 11, 2020, 4:56pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/10 "2020-02-11T16:56:59Z")

</div>

which tab has about horizontal scrolling?

---

<div class="post-metadata">

**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:** [February 11, 2020, 5:03pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/11 "2020-02-11T17:03:41Z")

</div>

in the app, its screen horizontal scroll

---

<div class="post-metadata">

**Author:** ![kizzy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kizzy/32/76421_2.png) [@kizzy](https://community.thunkable.com/u/kizzy)\
**Post date:** [February 11, 2020, 5:07pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/12 "2020-02-11T17:07:18Z")

</div>

that just keep freezing on my end

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [February 11, 2020, 5:32pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/13 "2020-02-11T17:32:40Z")

</div>

Same

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [February 11, 2020, 5:33pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/14 "2020-02-11T17:33:35Z")

</div>

Can you show the picture of blocks or tell how to do it because I tried row component tried to put few blocks but no horizontal scrolling with scrolling turned on

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [February 11, 2020, 6:04pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/15 "2020-02-11T18:04:44Z")

</div>

@funhall @kartik14@kizzy @jared

I was getting blank screen issue but just by reading components used and experimenting I have found a way .You need 2 main components. 1) row (should not be on scroll). 2) column. Step 1) This coloumns scrolls needs to be turned on here’s the main step 2) you need to go in rows advance tab in transform pick “rotate” just rotate not rotate x or y. Step3) Then under it put value -1.57 this will make your vertical buttons or columns or whatever you put in “2) column” to go from vertical to horizontal but they will also Become rotated so for this step 4) you need to go in advance tab of button or column you put in “2) column” and go in rotate and put value +1.57 😇

---

<div class="post-metadata">

**Author:** ![kizzy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kizzy/32/76421_2.png) [@kizzy](https://community.thunkable.com/u/kizzy)\
**Post date:** [February 11, 2020, 6:07pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/16 "2020-02-11T18:07:03Z")

</div>

huh?? care to show an example project

---

<div class="post-metadata">

**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:** [February 11, 2020, 6:16pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/18 "2020-02-11T18:16:44Z")

</div>

Great work!!! Can you post a screenshot tutorial?

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [February 11, 2020, 6:30pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/19 "2020-02-11T18:30:02Z")

</div>

Here you go [https://x.thunkable.com/projects/5e42e12f67f6cc7a69749382/84890f36-e613-4b0f-ae80-61da51460073/designer](https://x.thunkable.com/projects/5e42e12f67f6cc7a69749382/84890f36-e613-4b0f-ae80-61da51460073/designer)

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [February 11, 2020, 6:32pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/20 "2020-02-11T18:32:40Z")

</div>

Thank you 🙂  
Here you go  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/6/0620142ca9fd033bffd5a37b6612fb7953e0200c.gif)

Left without rotation value on right. Rotation value with +1.57

---

<div class="post-metadata">

**Author:** ![kizzy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kizzy/32/76421_2.png) [@kizzy](https://community.thunkable.com/u/kizzy)\
**Post date:** [February 11, 2020, 6:55pm UTC](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376/21 "2020-02-11T18:55:43Z")

</div>

ok I GOT IT

[Next page](https://community.thunkable.com/t/how-to-make-a-horizontally-scroll-able-row/456376.md?page=2)
