# Help With Screen Size and Contents

**URL:** <https://community.thunkable.com/t/help-with-screen-size-and-contents/1581257>\
**Category:** Questions about Thunkable X\
**Created:** [October 26, 2021, 5:06am UTC](https://community.thunkable.com/t/help-with-screen-size-and-contents/1581257 "2021-10-26T05:06:52Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ronnie](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ronnie/32/121539_2.png) [@ronnie](https://community.thunkable.com/u/ronnie)\
**Post date:** [October 26, 2021, 5:06am UTC](https://community.thunkable.com/t/help-with-screen-size-and-contents/1581257/1 "2021-10-26T05:06:52Z")

</div>

I am stuck on my layout. I am trying to transition much of my app from web viewer to API-driven data blocks. So, instead of loading a web page with all of the data, I am creating a layout that calls and API, pulls all of the data for my app, and then I parse it out. With a web viewer component, the user can scroll the page from top to bottom. What I have noticed with creating rows and columns is that the bottom is cut off when my screen content gets too tall for the screen. I tried putting everything into a main column set to fit contents and made it scrollable, but it is very difficult to scroll and I can tell if all of my data is loading or still cutting off. How can I get my app to show data past the bottom of the screen? Is there a way to adjust the size of the container so that it contains all of my data and I can scroll it?

This is what it looks like when I pull up on the screen. There should be a lot more data below that bottom block…

 ![072F914C-BAE2-4BDD-B2B4-EDE799C5F1E0_1_102_o](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/7/b7a61ed4305faa8a7ea48eebf9df6dfe2aeeb176.jpeg)

---

<div class="post-metadata">

**Author:** ![ronnie](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ronnie/32/121539_2.png) [@ronnie](https://community.thunkable.com/u/ronnie)\
**Post date:** [October 26, 2021, 5:55am UTC](https://community.thunkable.com/t/help-with-screen-size-and-contents/1581257/2 "2021-10-26T05:55:51Z")

</div>

I think I may have found an error in my way of thinking. If I set a min height, I can ensure that my container is no smaller than my data. This is a bit confusing for me, because I thought fit contents would ensure the container is sized to fit all elements within in. I’m guessing that’s not truly the case.

---

<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:** [October 26, 2021, 6:21am UTC](https://community.thunkable.com/t/help-with-screen-size-and-contents/1581257/3 "2021-10-26T06:21:20Z")

</div>

Hi! I am not sure if I completely understand your problem, but if you are looking for a way to create a scrollable column, you should try this method -

Get a new column and set it’s height to `fill container`, and then put your column (which has your contents inside it) inside the new column. Now, set your contents-column height to (below image ↓), and scrollable to ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/d/ed314209018aed99cb12faa9882b9ada411f810f.png).

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/0/d07ce6aa250d49a74325a3b070918311a863f9fd.png)

* * *

The above method works for me when I want to create a scrollable column. I don’t know why, but normally setting a column’s height to `fit-contents` / `fill-container` and scrollable to `true` does not work very well.

Let me know if this works for you. Cheers!

---

<div class="post-metadata">

**Author:** ![ronnie](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ronnie/32/121539_2.png) [@ronnie](https://community.thunkable.com/u/ronnie)\
**Post date:** [October 26, 2021, 6:46am UTC](https://community.thunkable.com/t/help-with-screen-size-and-contents/1581257/4 "2021-10-26T06:46:58Z")

</div>

Thanks, @kartik14! I tried that and a combination of things. What ended up working for me was setting a minHeight value in the advanced properties of the column. I can just tweak that minimum height to fit my data, which does not really change size, and that seems to ensure all of the data is loaded and I can scroll down to see it.

---

<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:** [October 26, 2021, 7:07am UTC](https://community.thunkable.com/t/help-with-screen-size-and-contents/1581257/5 "2021-10-26T07:07:54Z")

</div>

Alright. 👍 If your problem is solved, please mark your last post as **Solved**. Happy Thunking!

---

<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, 1:14pm UTC](https://community.thunkable.com/t/help-with-screen-size-and-contents/1581257/6 "2024-11-08T13:14:37Z")

</div>


