# Scrollable Screen and Spacing

**URL:** <https://community.thunkable.com/t/scrollable-screen-and-spacing/29761>\
**Category:** Questions about Thunkable X\
**Created:** [June 2, 2018, 2:15am UTC](https://community.thunkable.com/t/scrollable-screen-and-spacing/29761 "2018-06-02T02:15:35Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nacho\_Huala](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/nacho_huala/32/19927_2.png) [@Nacho\_Huala](https://community.thunkable.com/u/Nacho_Huala)\
**Post date:** [June 2, 2018, 2:15am UTC](https://community.thunkable.com/t/scrollable-screen-and-spacing/29761/1 "2018-06-02T02:15:35Z")

</div>

Hi ! I have some issues with the design of screens, for example when I dont activate the Screen option “Scrollable” the screen looks good.

 ![Withouth%20Scrollable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/5/2540620fb7df083543733b7d02f9a6b4fb5b7719.png)

When I activate the option Scrollable , the screen lost the porportions and spacing between components:

 ![With%20Scrollable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/6/66490f703b1a29a5e3cc6afb06c1a148e158355e.png)

And other thing, when the App show the keyboard the spacing and proportions changes between components. The image “Logo” is at the top of the screen and the spacing between components is reduced so much.

 ![Spacing%20issue](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/1/c1a5807463407d8a95052088e75a56259249d4d5.png)

Thanks in advance, greetings ! 😃

---

<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:** [June 2, 2018, 5:34am UTC](https://community.thunkable.com/t/scrollable-screen-and-spacing/29761/2 "2018-06-02T05:34:49Z")

</div>

Hi,

Can you give me a link to your project so I can look at it on my device?

---

<div class="post-metadata">

**Author:** ![Nacho\_Huala](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/nacho_huala/32/19927_2.png) [@Nacho\_Huala](https://community.thunkable.com/u/Nacho_Huala)\
**Post date:** [June 3, 2018, 12:51am UTC](https://community.thunkable.com/t/scrollable-screen-and-spacing/29761/3 "2018-06-03T00:51:17Z")

</div>

Active the Scrollable function in the Screen and tell me please if you have this issue 😃 , I made this project only for test the space between components haha ☹

[https://x.thunkable.com/copy/24ba19117237e5c7670a0008a865099c](https://x.thunkable.com/copy/24ba19117237e5c7670a0008a865099c)

---

<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:** [June 3, 2018, 4:58am UTC](https://community.thunkable.com/t/scrollable-screen-and-spacing/29761/4 "2018-06-03T04:58:11Z")

</div>

Try in the additional properties Screen1 set minHeight = 100%. On iOS this works but I do not have the ability to test it on Android.

I’m not sure that currently Thunkable X works correctly with all properties on the Advanced Properties tab (and Scrolling = true). Therefore, I would do as on Screen2 - worked only with indents in the Spacing category and all container sizes = Fit contents as it shown in the project

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

---

<div class="post-metadata">

**Author:** ![Nacho\_Huala](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/nacho_huala/32/19927_2.png) [@Nacho\_Huala](https://community.thunkable.com/u/Nacho_Huala)\
**Post date:** [June 6, 2018, 4:46pm UTC](https://community.thunkable.com/t/scrollable-screen-and-spacing/29761/5 "2018-06-06T16:46:29Z")

</div>

Still don’t work, I will wait to the final version to work in Thunkable X, anyway thanks for the answers, greetings 🙂

 ![Screenshot_20180606-123525](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/1/719f383bafd4311d526ee6ba27566650eb34f599.png)

---

<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, 12:02pm UTC](https://community.thunkable.com/t/scrollable-screen-and-spacing/29761/6 "2024-11-08T12:02:35Z")

</div>


