# The design and the actual screen are different

**URL:** <https://community.thunkable.com/t/the-design-and-the-actual-screen-are-different/1475269>\
**Category:** Questions about Thunkable X\
**Tags:** design, beginner, help\
**Created:** [August 29, 2021, 10:17am UTC](https://community.thunkable.com/t/the-design-and-the-actual-screen-are-different/1475269 "2021-08-29T10:17:47Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![jumalcom222](https://avatars.discourse-cdn.com/v4/letter/j/df788c/32.png) [@jumalcom222](https://community.thunkable.com/u/jumalcom222)\
**Post date:** [August 29, 2021, 10:17am UTC](https://community.thunkable.com/t/the-design-and-the-actual-screen-are-different/1475269/1 "2021-08-29T10:17:47Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/f/8fe8ba52e5d35d34219e74861df5fb83aa6d7395.png)

---

<div class="post-metadata">

**Author:** ![jumalcom222](https://avatars.discourse-cdn.com/v4/letter/j/df788c/32.png) [@jumalcom222](https://community.thunkable.com/u/jumalcom222)\
**Post date:** [August 29, 2021, 10:23am UTC](https://community.thunkable.com/t/the-design-and-the-actual-screen-are-different/1475269/2 "2021-08-29T10:23:53Z")

</div>

I clicked the scollable button in the screen mode… But it’s not working

---

<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:** [August 29, 2021, 10:58am UTC](https://community.thunkable.com/t/the-design-and-the-actual-screen-are-different/1475269/3 "2021-08-29T10:58:42Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/9/695891afd8bc8a9573331b5631213f07f134e193.png)

See the highlighted notice. They are different. Not all setting/options will show correctly in the `design screen`

---

<div class="post-metadata">

**Author:** ![jumalcom222](https://avatars.discourse-cdn.com/v4/letter/j/df788c/32.png) [@jumalcom222](https://community.thunkable.com/u/jumalcom222)\
**Post date:** [August 29, 2021, 11:05am UTC](https://community.thunkable.com/t/the-design-and-the-actual-screen-are-different/1475269/4 "2021-08-29T11:05:30Z")

</div>

I see the the same screen in my phone…

---

<div class="post-metadata">

**Author:** ![jumalcom222](https://avatars.discourse-cdn.com/v4/letter/j/df788c/32.png) [@jumalcom222](https://community.thunkable.com/u/jumalcom222)\
**Post date:** [August 29, 2021, 11:13am UTC](https://community.thunkable.com/t/the-design-and-the-actual-screen-are-different/1475269/5 "2021-08-29T11:13:29Z")

</div>

Why not is scrollable working ?

---

<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:** [August 29, 2021, 11:19am UTC](https://community.thunkable.com/t/the-design-and-the-actual-screen-are-different/1475269/6 "2021-08-29T11:19:52Z")

</div>

Scroll option does not work by itself. If the screen/column/row scroll option is set to **True** they will act normally until there are enough objects in them that would not fit then the scroll bar will show up.

When a component is `scrollable` then the objects in these component should have a total size that exceeds the size of the container component. This component (screen/column/row) should **NOT** have the size to `Fit Contents`.

So, it is not simply a scroll option but should have matching settings and options.

---

<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:17pm UTC](https://community.thunkable.com/t/the-design-and-the-actual-screen-are-different/1475269/7 "2024-11-08T13:17:02Z")

</div>