# \[Solved\] "Screen= Scrollable" & "Column=Scrollable" Is Not Working **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** design, scroll\_arrangement\ **Created:** [August 15, 2020, 4:48pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355 "2020-08-15T16:48:19Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![unicornbrands](https://avatars.discourse-cdn.com/v4/letter/u/a8b319/32.png) [@unicornbrands](https://community.thunkable.com/u/unicornbrands)\ **Post date:** [August 15, 2020, 4:48pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/1 "2020-08-15T16:48:19Z")
I need a scrollable Home screen for the app. When **Screen Scrollable = False** The UI Display is Fine … ![no_scroll_enabled](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/0/b078ca236d8efce1f20482d6bb5610b586e19fb1.jpeg) When **Screen Scrollable = True** This happens ![scroll_screen_enabled](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/7/87bc9ccce78b6fbc1b986d3503804fbdafea2b76.jpeg) All the components gets squeezed on the top. I have also tried inserting all components inside a Column and then made the Column as Scrollable but - The Column is not getting scrollable, it has no effects. . Please help me out to fix this. ---
**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:** [August 15, 2020, 5:19pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/2 "2020-08-15T17:19:25Z")
Did you make the screen { scrollable = not true} Column {scrollable = true, height = fit contents} ---
**Author:** ![unicornbrands](https://avatars.discourse-cdn.com/v4/letter/u/a8b319/32.png) [@unicornbrands](https://community.thunkable.com/u/unicornbrands)\ **Post date:** [August 15, 2020, 5:27pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/3 "2020-08-15T17:27:08Z")
Yes Sir i have tried it , this is the result… ![scroll](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/6/267bbbaa8c89d9a6fed2a7316f52249830da9810.jpeg) Still No Scroll ---
**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:** [August 15, 2020, 5:44pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/4 "2020-08-15T17:44:53Z")
Hmm. Check out this example with scrolling column and a floating action button. [https://x.thunkable.com/copy/80c318be59665bb0e0fc2d5133efd9e5](https://x.thunkable.com/copy/80c318be59665bb0e0fc2d5133efd9e5) ---
**Author:** ![unicornbrands](https://avatars.discourse-cdn.com/v4/letter/u/a8b319/32.png) [@unicornbrands](https://community.thunkable.com/u/unicornbrands)\ **Post date:** [August 15, 2020, 6:18pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/5 "2020-08-15T18:18:20Z")
@jared I checked it out, it’s nicely designed. I have also implemented same settings ![ss](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/e/deeb74a022cb922bfa305a3fbb6a59d218aa8cd1.png) It’s showing as scrollable in Live Preview but is not scrollable when i export the App. ---
**Author:** ![unicornbrands](https://avatars.discourse-cdn.com/v4/letter/u/a8b319/32.png) [@unicornbrands](https://community.thunkable.com/u/unicornbrands)\ **Post date:** [August 15, 2020, 6:32pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/6 "2020-08-15T18:32:05Z")
[https://x.thunkable.com/copy/54775714d7782985dc30f6e7a8f6dd66](https://x.thunkable.com/copy/54775714d7782985dc30f6e7a8f6dd66) @jared Please check out the backend, any help will be much appreciated. ---
**Author:** ![unicornbrands](https://avatars.discourse-cdn.com/v4/letter/u/a8b319/32.png) [@unicornbrands](https://community.thunkable.com/u/unicornbrands)\ **Post date:** [August 15, 2020, 7:47pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/9 "2020-08-15T19:47:46Z")
@jared entire Homescreen ---
**Author:** ![unicornbrands](https://avatars.discourse-cdn.com/v4/letter/u/a8b319/32.png) [@unicornbrands](https://community.thunkable.com/u/unicornbrands)\ **Post date:** [August 15, 2020, 7:49pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/10 "2020-08-15T19:49:20Z")
@jared just like it is in live test mode of Homescreen ---
**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:** [August 15, 2020, 9:50pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/11 "2020-08-15T21:50:37Z")
> [@unicornbrands](#): > > I feel like i have Paid Hey @unicornbrands - are you a PRO user? I can’t see _any_ record of you contacting PRO support. > [@unicornbrands](#): > > Even after putting my Question in your EXPERT COMMUNITY You posted about this and then 3 hours later (On a Saturday) you created a second post to berate people for not replying to you? This has been clarified here several times in the past, but I think you’re being disrespectful to our wonderful community of volunteers so I’ll say it again: The community is a space for Thunkable enthusiasts to exchange ideas and encouragement…if you want support from the Thunkable team then you should reach out directly to us. Reading through your post above, there are 2 things missing. 1. A project link (rather than a copy link) 2. Whether this is live testing or installed and if you are on Android or iOS Thanks ---
**Author:** ![unicornbrands](https://avatars.discourse-cdn.com/v4/letter/u/a8b319/32.png) [@unicornbrands](https://community.thunkable.com/u/unicornbrands)\ **Post date:** [August 16, 2020, 9:59am UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/12 "2020-08-16T09:59:05Z")
> [@domhnallohanlon](#): > > are you a PRO user? Hello @domhnallohanlon , Yes I’m a PRO User, but i didn’t knew about this PRO Support thing earlier and when i found out - the popup said that team will come live back on Monday > [@domhnallohanlon](#): > > you created a second post to berate people for not replying to you? Actually this was my Third Post in the community. After not getting any solutions for the first 2 Posts even after waiting for the whole day, i created this post. > [@domhnallohanlon](#): > > - A project link (rather than a copy link) > - Whether this is live testing or installed and if you are on Android or iOS [https://x.thunkable.com/projects/5f36684ffcafe32fee979fd3](https://x.thunkable.com/projects/5f36684ffcafe32fee979fd3) > [@unicornbrands](#): > > It’s scrollable in live view but when i export the app and install > [@unicornbrands](#): > > It cuts off in half and become unscrollable in mobile > [@domhnallohanlon](#): > > but I think you’re being disrespectful to our wonderful community of volunteers I had no such intentions, i really love all the great and like-minded people in this wonderful community, but- Try to understand my situation, I have a Deadline approaching soon and I have been posting these basic issues from past 2 Days but go no solutions in return. It became impossible for me to work even after trying every possible thing inorder to accomplish these basic things like- [Scrolling](http://community.thunkable.com/t/screen-scrollable-column-scrollable-is-not-working/744355/7) and [Aligning Image on Top](http://community.thunkable.com/t/how-do-i-top-align-an-image/741736) That’s why i lost my cool and had to post this. Pardon me, if i have hurt anyone’s feelings in the community because i had no such intentions. Thanks. ---
**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:** [August 16, 2020, 10:05am UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/13 "2020-08-16T10:05:06Z")
Thanks for the project link - this will allow us to investigate further. The first thing we need to do is reproduce this issue on a test device. Please don’t forget to include the following: > [@domhnallohanlon](#): > > Whether this is live testing or installed and if you are on Android or iOS * * * > [@unicornbrands](#): > > I have a Deadline approaching soon Also, it’s probably worth letting us know when your deadline is and a little more about the client you are working for. Thanks ---
**Author:** ![unicornbrands](https://avatars.discourse-cdn.com/v4/letter/u/a8b319/32.png) [@unicornbrands](https://community.thunkable.com/u/unicornbrands)\ **Post date:** [August 16, 2020, 3:23pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/14 "2020-08-16T15:23:43Z")
I restarted the project from the scratch and used a Column as a Parent component for all the Sub-components in the Screen. Then i applied following settings- - **Screen Scrollable = False** - **Column Scrollable = True** - **Column Widht = 100%** - **Column Height = Fit Contents** And the most important thing is - To fix every component’s Height as - **Absolute Size** Thats the Issue. If we input component’s height In Relative Percentage or in other type then the Scrollable Function doesn’t works. So the Height of each and every component in the Screen has to be assigned in Pixel (Absolute Size) inorder to get a Scrollable Screen. But the issue with assigning Heights of components in Pixels is that- **The App will not be Responsive** , as every phone has different resolution (Height x Width). Suppose, If i set the Height of my Header Image as 600Px, then- The Image will cover 25% of Screen’s Height in case of a Higher-End Device like- iPhone 11 but - The Image will cover about 50% of Screens’s Height In case of any Mid-Tier Device which has a lower resolution. So in this way, we will not get a Responsive App that Looks Similar across all Mobile devices. > [@domhnallohanlon](#): > > Also, it’s probably worth letting us know when your deadline is and a little more about the client you are working for. The deadline is on - Tuesday and i’m working for a client to create a Healthcare Ecommerce App by combining- Thunkable and WooCommerce. Thanks. ---
**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:** [August 16, 2020, 6:40pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/15 "2020-08-16T18:40:14Z")
You can set component size with blocks via the device block for compute device width/height. Then you can do a % of that It is responsive. Just not out of the box. Thunkable is a lowcode solution for advanced projects. Not totally nocode for all. ---
**Author:** ![unicornbrands](https://avatars.discourse-cdn.com/v4/letter/u/a8b319/32.png) [@unicornbrands](https://community.thunkable.com/u/unicornbrands)\ **Post date:** [August 16, 2020, 6:49pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/16 "2020-08-16T18:49:15Z")
> [@jared](#): > > You can set component size with blocks via the device block for compute device width/height. Then you can do a % of that @jared Seems good, will try this now. > [@jared](#): > > Thunkable is a lowcode solution for advanced projects. Not totally nocode for all. True, buddy 😊 It just take a bit of a time to adjust yourself to this, just like like other good things. Thanks. ---
**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\ **Post date:** [August 25, 2020, 11:57pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/17 "2020-08-25T23:57:12Z")
I THINK I’ve identified an issue with scrollable columns. Using the App below, you can see that when using “LIVE TEST” (web) if the column height is set to “Fill container” the top of the list is not visible. But when using Thunkable live on android, the scrollable column works correctly. But if the column height is set to “Fill contents”, the scrolling works correctly in LIVE TEST (web), but the Thunkable Live App on Android does not scroll. The work around I used is to change the column height setting based on the device. If this is not fixable by Thunkable. at least a update to the documentation which still reads _For scrollable to work, you must also set your screen height to `fit contents`_ Solution: If Device = Web then -Column HEight= Fill contents Else -Column Height = Fill container Interestingly, you will notice that the values I use for setting the height (fill contents) is NOT what the Designer shows, but it works…Feels like some naming inconsistencies in the source code. ☹ > **[Thunkable](https://x.thunkable.com/copy/c024c9fd33c2442fe750afaf410d8a10)** ---
**Author:** ![unicornbrands](https://avatars.discourse-cdn.com/v4/letter/u/a8b319/32.png) [@unicornbrands](https://community.thunkable.com/u/unicornbrands)\ **Post date:** [August 26, 2020, 12:03pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/18 "2020-08-26T12:03:12Z")
> [@drted](#): > > The work around I used is to change the column height setting based on the device. True, it works when we set the specific height according to the device. > [@drted](#): > > Feels like some naming inconsistencies in the source code I hope they’ll be fixed soon, if there are any. Anyways, thanks for the help Mate 🙂 ---
**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:** [August 26, 2020, 6:40pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/19 "2020-08-26T18:40:33Z")
Nice work!! ---
**Author:** ![iaia](https://avatars.discourse-cdn.com/v4/letter/i/2bfe46/32.png) [@iaia](https://community.thunkable.com/u/iaia)\ **Post date:** [September 9, 2020, 9:47pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/20 "2020-09-09T21:47:35Z")
Translated with Google I am also a PRO user and I did not know of the existence of “PRO support” to tell the truth even now I can’t find it, an address came up putting “PRO support” in the search box but if I hadn’t read this post I wouldn’t have never done such a search. A link maybe in the membership section would not be bad. ---
**Author:** ![migo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/migo/32/83683_2.png) [@migo](https://community.thunkable.com/u/migo)\ **Post date:** [December 11, 2020, 1:20pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/21 "2020-12-11T13:20:07Z")
You made my day, @drted 😀 Thank you sooo much! ---
**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:19pm UTC](https://community.thunkable.com/t/solved-screen-scrollable-column-scrollable-is-not-working/744355/22 "2024-11-08T12:19:47Z")