# Scrollable column NOT WORKING

**URL:** <https://community.thunkable.com/t/scrollable-column-not-working/590801>\
**Category:** Questions about Thunkable X\
**Tags:** design, screen, scroll\_arrangement\
**Created:** [May 31, 2020, 4:21pm UTC](https://community.thunkable.com/t/scrollable-column-not-working/590801 "2020-05-31T16:21:57Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![huesca.samueld](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/huesca.samueld/32/37589_2.png) [@huesca.samueld](https://community.thunkable.com/u/huesca.samueld)\
**Post date:** [May 31, 2020, 4:21pm UTC](https://community.thunkable.com/t/scrollable-column-not-working/590801/1 "2020-05-31T16:21:57Z")

</div>

Hello there,

I am trying to make an app that helps a restaurant receiving client orders. But the main problem is that in the Checkout screen all the elements being in the scrollable column are going to the bottom of the screen even if all is set to an absolute size / Fit contents and vertical aligment on column and screen are set to Top,

I’ll share a copy of it here without the firebase info so you can test it: [https://x.thunkable.com/copy/e1ab7d74ac05f4a42e42ffa5cb4074f6](https://x.thunkable.com/copy/e1ab7d74ac05f4a42e42ffa5cb4074f6)

Thanks in advance for the help!

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [May 31, 2020, 9:37pm UTC](https://community.thunkable.com/t/scrollable-column-not-working/590801/2 "2020-05-31T21:37:01Z")

</div>

There are some problems with the scrollable columns. Sometimes it works, but often not. The list viewers and data viewers work better for that purpose. The other option is to have the whole screen scrollable.

---

<div class="post-metadata">

**Author:** ![huesca.samueld](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/huesca.samueld/32/37589_2.png) [@huesca.samueld](https://community.thunkable.com/u/huesca.samueld)\
**Post date:** [June 3, 2020, 2:47am UTC](https://community.thunkable.com/t/scrollable-column-not-working/590801/3 "2020-06-03T02:47:15Z")

</div>

That’s right! But I don’t understand why there’s no issues open about this topic it seems like everything is okay but it’s not. I should try what you are saying and see if it works

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [June 3, 2020, 7:31pm UTC](https://community.thunkable.com/t/scrollable-column-not-working/590801/4 "2020-06-03T19:31:55Z")

</div>

There are actually some tickets open on their bug reporting platform Github, like this one: [https://github.com/thunkable/thunkable-issues/issues/448](https://github.com/thunkable/thunkable-issues/issues/448). But you’re right, it’s not discussed a whole lot on here. I think because it’s been an issue for so long.

---

<div class="post-metadata">

**Author:** ![huesca.samueld](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/huesca.samueld/32/37589_2.png) [@huesca.samueld](https://community.thunkable.com/u/huesca.samueld)\
**Post date:** [June 5, 2020, 8:35am UTC](https://community.thunkable.com/t/scrollable-column-not-working/590801/5 "2020-06-05T08:35:33Z")

</div>

I just moved everything directly to the screen but still occurs the same behaviour

[https://x.thunkable.com/copy/00077b1b19e507c46da522ebdc2af86d](https://x.thunkable.com/copy/00077b1b19e507c46da522ebdc2af86d)

Maybe the error is related with the scrollable feature more than with the column element, I really don’t understand why this is happening

---

<div class="post-metadata">

**Author:** ![browncoatjustice52](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/browncoatjustice52/32/71039_2.png) [@browncoatjustice52](https://community.thunkable.com/u/browncoatjustice52)\
**Post date:** [June 5, 2020, 8:39am UTC](https://community.thunkable.com/t/scrollable-column-not-working/590801/6 "2020-06-05T08:39:18Z")

</div>

Have you live tested it in the web site or from the Thunkable Live App?

---

<div class="post-metadata">

**Author:** ![huesca.samueld](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/huesca.samueld/32/37589_2.png) [@huesca.samueld](https://community.thunkable.com/u/huesca.samueld)\
**Post date:** [June 5, 2020, 1:07pm UTC](https://community.thunkable.com/t/scrollable-column-not-working/590801/7 "2020-06-05T13:07:11Z")

</div>

I tested it on thunkable live, in iOS and Android and the problem persists.

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [June 5, 2020, 5:12pm UTC](https://community.thunkable.com/t/scrollable-column-not-working/590801/8 "2020-06-05T17:12:48Z")

</div>

I’m not seeing where the problem is. Everything seems to work okay on my Android through the live app. Other than the check out button gets cut off a little at the bottom if there are multiple items.

You do have a ton of ui elements. You could probably simplify it by using the “Any Components” blocks and some variables passing/holding the data for each item selected to loop and create the ui components in blocks.

---

<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, 11:28am UTC](https://community.thunkable.com/t/scrollable-column-not-working/590801/9 "2024-11-08T11:28:02Z")

</div>


