# Scrollable Row is working?

**URL:** <https://community.thunkable.com/t/scrollable-row-is-working/1528864>\
**Category:** Questions about Thunkable X\
**Created:** [September 27, 2021, 5:36am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864 "2021-09-27T05:36:32Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)\
**Post date:** [September 27, 2021, 5:36am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/1 "2021-09-27T05:36:33Z")

</div>

Hello Thunkers !  
I know this was debated alot of times, ive already searched the entire forum about it, but all topics are old or workarounds. So here i am.

 ![screen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/f/3f0ca87cfccc2cbd2ffeef2f92d4f29660dcb2d2.png)  
As i see, Row container has now scrollable option. But whatever options i set to it, it doesnt work for me (put in a fresh new screen only a row, with absolute values, and so on).  
What do i do more to work ? (dont need workaround, just want to know if that "scrollable"option works or not.)  
Thank you for your time.

---

<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:** [September 27, 2021, 9:51am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/2 "2021-09-27T09:51:20Z")

</div>

Can you explain more?  
Scrollable is always working but you need the system to be aware when to scroll. For example, if you have a column / row with scrolling option set to true then you have to give this row / column a known size either by using absolute size or by relative (percentage %) but not to be computed by the system (fill container and fit contents should not be used in height or width).

---

<div class="post-metadata">

**Author:** ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)\
**Post date:** [September 27, 2021, 10:23am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/3 "2021-09-27T10:23:05Z")

</div>

Ok, ill explain more.  
I created a new empty screen.  
I created a Row with absolute sizes: Height=20; Width=200  
Set Row scrollable to true  
Put a label inside that row, then when screen opens, i cloned that label, lets say 10 times (enought not to fit in row).  
What im trying to do is to workaround a mode to display a table-like data, every label will be a cell of the table, you got the ideea.  
But my Row dont scroll…cant see all the labels created.  
Maybe theres something about labels inside it ? (they are set to fit contents). They have to be absolute sizes too ? 🤔

---

<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:** [September 27, 2021, 11:43am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/4 "2021-09-27T11:43:07Z")

</div>

I made few tested and found out there is an issue with the `row scrolling`. It actually activates it as column.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/0/4095b95393a21c9365cd871479b30a23aac507df.png)

The red color is a column containing the yellow one which is a row. Once I click the clone button, It shows the scroll bar in the wrong side.

---

<div class="post-metadata">

**Author:** ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)\
**Post date:** [September 27, 2021, 11:50am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/5 "2021-09-27T11:50:40Z")

</div>

… and now my topic got sense 🤔

---

<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:** [September 27, 2021, 11:58am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/6 "2021-09-27T11:58:31Z")

</div>

These are the blocks I used to test with  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/5/35335af83574066a1a793c101f011209ae80823a.png)

---

<div class="post-metadata">

**Author:** ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)\
**Post date:** [September 27, 2021, 12:46pm UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/7 "2021-09-27T12:46:28Z")

</div>

I did the same.  
Except that i used count with i from 1 to 10  
and put label as join “label” and counter i 🤣  
And i put these clones directly in a “scrollable” row… as i said it already.  
A row that is absolute sized and the only in a blank screen.

---

<div class="post-metadata">

**Author:** ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)\
**Post date:** [September 27, 2021, 7:23pm UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/8 "2021-09-27T19:23:14Z")

</div>

So, putting a scrolling column works…

![testing](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/b/3bcbcc346d21fec7a0472e2810ee2e20e193b2aa.gif)

Using a row instead of a column, doesnt work.

![testing2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/6/465a02546da4213ce8195c3750095ae5b35fbaf7.gif)

---

<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:** [September 28, 2021, 7:30pm UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/9 "2021-09-28T19:30:02Z")

</div>

Hi  
I created a project based in the trick in the Thunkable video tutorial and still effective.

Here is the link  
[https://x.thunkable.com/projectPage/6153629b190a7402638d78b6](https://x.thunkable.com/projectPage/6153629b190a7402638d78b6)

Based on [this video](https://youtu.be/XYlOkaDg9Ho)

---

<div class="post-metadata">

**Author:** ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)\
**Post date:** [September 29, 2021, 5:30am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/10 "2021-09-29T05:30:56Z")

</div>

Thank you very much for putting effort in trying to solve my issues everytime 🤗  
Already tried myself to use rotateZ axis of a row in a column, but as you see, writings will rotate aswell, and dont stay horizontally as i need it too. It works just fine with some blank, without text blocks items (just like in video).  
Until [@Thunkable\_Staff](https://community.thunkable.com/groups/thunkable_staff) will try to solve this issue about row`s scroll, just like column scroll (if you can set it to true, it supposed to work without workarounds, right ? 😊), ill just stick to a landscape screen where my table will fit without in need of a horizontal scroll.

My latest issue is that trying to retrieve a “computed” width, it takes so much time (few seconds for every item from a variable length list of items ill try to calculate to get the highest value). Its really so much time consuming or is just my phone ? 🤔

---

<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:** [September 29, 2021, 6:17am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/11 "2021-09-29T06:17:45Z")

</div>

> [@mimostel](#):
>
> it takes so much time (few seconds for every item from a variable length list of items ill try to calculate to get the highest value)

This shouldn’t be the case. Can you show an example or create a sample project that produce the effect and share the link?

---

<div class="post-metadata">

**Author:** ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)\
**Post date:** [September 29, 2021, 7:11am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/12 "2021-09-29T07:11:50Z")

</div>

> [@muneer](#):
>
> Can you show an example or create a sample project that produce the effect and share the link?

[https://x.thunkable.com/copy/0b5a694a25c8935e5ce3320d1b0c8ef8](https://x.thunkable.com/copy/0b5a694a25c8935e5ce3320d1b0c8ef8)

You are right, in my example works like a charm. I used the same code in my main app, but theres something different there… Ill figure it out.  
(found a way to wait until labels are dispalyed tho 😊, and not a second more 😊)

---

<div class="post-metadata">

**Author:** ![rishabh\_2008](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_2008/32/112230_2.png) [@rishabh\_2008](https://community.thunkable.com/u/rishabh_2008)\
**Post date:** [September 29, 2021, 7:16am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/13 "2021-09-29T07:16:01Z")

</div>

It’s working it tested wait I am sending video  
Edit

[![]( " - YouTube") ](https://www.youtube.com/watch?v=aR7xSDI_QKA)

---

<div class="post-metadata">

**Author:** ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)\
**Post date:** [September 29, 2021, 7:17am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/14 "2021-09-29T07:17:10Z")

</div>

> [@mimostel](#):
>
> in my example works like a charm

Said it already. I only confirmed what @muneer said.

---

<div class="post-metadata">

**Author:** ![rishabh\_2008](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_2008/32/112230_2.png) [@rishabh\_2008](https://community.thunkable.com/u/rishabh_2008)\
**Post date:** [September 29, 2021, 7:19am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/15 "2021-09-29T07:19:06Z")

</div>

Sorry

---

<div class="post-metadata">

**Author:** ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)\
**Post date:** [September 29, 2021, 7:23am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/16 "2021-09-29T07:23:19Z")

</div>

No need to sorry. You wanted to help me, and i really appreciate it 🤗

---

<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:** [September 29, 2021, 8:00am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/17 "2021-09-29T08:00:33Z")

</div>

> [@mimostel](#):
>
> writings will rotate aswell,

This should not be a problem to someone as intelligent as you are. You can easily **rotate the label** in the reverse way and you will have the label displayed properly in the scrolling row.

I changed my [sample project](https://x.thunkable.com/projectPage/6153629b190a7402638d78b6) to show the labels in the right way. Check and let me know.

---

<div class="post-metadata">

**Author:** ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)\
**Post date:** [September 29, 2021, 8:02am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/18 "2021-09-29T08:02:11Z")

</div>

> [@muneer](#):
>
> This should not be a problem to someone as intelligent as you are

🤣 thank you…

---

<div class="post-metadata">

**Author:** ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)\
**Post date:** [September 29, 2021, 8:07am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/19 "2021-09-29T08:07:01Z")

</div>

> [@muneer](#):
>
> Check and let me know.

I will do. Thank you.

---

<div class="post-metadata">

**Author:** ![HaoXvan](https://avatars.discourse-cdn.com/v4/letter/h/e99b99/32.png) [@HaoXvan](https://community.thunkable.com/u/HaoXvan)\
**Post date:** [October 7, 2021, 11:49am UTC](https://community.thunkable.com/t/scrollable-row-is-working/1528864/20 "2021-10-07T11:49:47Z")

</div>

Hello, prompt me when I open the sample project: Oops! The project you are looking for was either deleted or may not be public. Could you please send it to me again? I did it according to the video, but it didn’t work.

[Next page](https://community.thunkable.com/t/scrollable-row-is-working/1528864.md?page=2)
