# Blank design screen

**URL:** <https://community.thunkable.com/t/blank-design-screen/1348821>\
**Category:** Questions about Thunkable X\
**Created:** [June 16, 2021, 7:12pm UTC](https://community.thunkable.com/t/blank-design-screen/1348821 "2021-06-16T19:12:06Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![rwplummer1yf4f](https://avatars.discourse-cdn.com/v4/letter/r/d6d6ee/32.png) [@rwplummer1yf4f](https://community.thunkable.com/u/rwplummer1yf4f)\
**Post date:** [June 16, 2021, 7:12pm UTC](https://community.thunkable.com/t/blank-design-screen/1348821/1 "2021-06-16T19:12:06Z")

</div>

Has anyone seen this before? I was working on the advanced properties of the main screen in my project when all items on the screen disappeared. I reversed the changes I had made but the design screen remains blank. All blocks appear to be in place. Any idea how I can restore my design screen?

---

<div class="post-metadata">

**Author:** ![rwplummer1yf4f](https://avatars.discourse-cdn.com/v4/letter/r/d6d6ee/32.png) [@rwplummer1yf4f](https://community.thunkable.com/u/rwplummer1yf4f)\
**Post date:** [June 16, 2021, 7:25pm UTC](https://community.thunkable.com/t/blank-design-screen/1348821/2 "2021-06-16T19:25:00Z")

</div>

Also unable to duplicate the project although I dont get an error message or anything useful!

---

<div class="post-metadata">

**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\
**Post date:** [June 16, 2021, 8:00pm UTC](https://community.thunkable.com/t/blank-design-screen/1348821/3 "2021-06-16T20:00:23Z")

</div>

> [@rwplummer1yf4f](#):
>
> I dont get an error message

Open the console and see there.

---

<div class="post-metadata">

**Author:** ![rwplummer1yf4f](https://avatars.discourse-cdn.com/v4/letter/r/d6d6ee/32.png) [@rwplummer1yf4f](https://community.thunkable.com/u/rwplummer1yf4f)\
**Post date:** [June 17, 2021, 9:57am UTC](https://community.thunkable.com/t/blank-design-screen/1348821/4 "2021-06-17T09:57:45Z")

</div>

Nothing in the console and it appears to have “infected” or impacted my backups as well. The same screen is blank on all backups! Help!

---

<div class="post-metadata">

**Author:** ![rwplummer1yf4f](https://avatars.discourse-cdn.com/v4/letter/r/d6d6ee/32.png) [@rwplummer1yf4f](https://community.thunkable.com/u/rwplummer1yf4f)\
**Post date:** [June 17, 2021, 9:58am UTC](https://community.thunkable.com/t/blank-design-screen/1348821/5 "2021-06-17T09:58:18Z")

</div>

[@thunkable\_staff](https://community.thunkable.com/groups/thunkable_staff) Can you help here?

---

<div class="post-metadata">

**Author:** ![rwplummer1yf4f](https://avatars.discourse-cdn.com/v4/letter/r/d6d6ee/32.png) [@rwplummer1yf4f](https://community.thunkable.com/u/rwplummer1yf4f)\
**Post date:** [June 17, 2021, 2:20pm UTC](https://community.thunkable.com/t/blank-design-screen/1348821/6 "2021-06-17T14:20:32Z")

</div>

@jane @domhnallohanlon can you assist?

---

<div class="post-metadata">

**Author:** ![rwplummer1yf4f](https://avatars.discourse-cdn.com/v4/letter/r/d6d6ee/32.png) [@rwplummer1yf4f](https://community.thunkable.com/u/rwplummer1yf4f)\
**Post date:** [June 21, 2021, 1:04pm UTC](https://community.thunkable.com/t/blank-design-screen/1348821/7 "2021-06-21T13:04:08Z")

</div>

I finally managed to resolve the issue. I was trying to work out what was causing so many issues with the map component and the display issues so many people have mentioned. I was playing around with sizing options of the map and anything else that might impact it, including the screen properties. I had set the screen sizing property to none. BANG. everything disappears. Set it back to flex and all appears right with the world and my app. Now I can get on with moaning about the Map component not working well enough for a professional looking app. 🙂

---

<div class="post-metadata">

**Author:** ![rwplummer1yf4f](https://avatars.discourse-cdn.com/v4/letter/r/d6d6ee/32.png) [@rwplummer1yf4f](https://community.thunkable.com/u/rwplummer1yf4f)\
**Post date:** [June 25, 2021, 11:32am UTC](https://community.thunkable.com/t/blank-design-screen/1348821/8 "2021-06-25T11:32:25Z")

</div>

NO I didnt fix it after all. Screen is all scrunched up and dont know how to resolve. Anyone know how to cure this?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/c/bc615dd5472db428fbf604d5de669f4b266d353f.jpeg)

---

<div class="post-metadata">

**Author:** ![rwplummer1yf4f](https://avatars.discourse-cdn.com/v4/letter/r/d6d6ee/32.png) [@rwplummer1yf4f](https://community.thunkable.com/u/rwplummer1yf4f)\
**Post date:** [June 25, 2021, 11:34am UTC](https://community.thunkable.com/t/blank-design-screen/1348821/9 "2021-06-25T11:34:42Z")

</div>

IN the image above, the thin blue bar at the top of the screen is meant to be 8% of the screen high, the text and strip of map you can see are meant to occupy 70% of the screen and a currently hidden part the final 22%. No idea what is causing this!

---

<div class="post-metadata">

**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\
**Post date:** [June 28, 2021, 6:19am UTC](https://community.thunkable.com/t/blank-design-screen/1348821/10 "2021-06-28T06:19:05Z")

</div>

Hi there,

I know we resolved this issue in Intercom, but I will share the solution here so that anyone else looking for this info can find it in the Community.

If your Screen is set to **Scrollable** then it will be as tall as the components within the Screen need it to be. Your components need to have **fixed** heights (eg. 200px) or a Height of **fit contents**. If your components have a relative height (eg. 20%) or a Height of **fill container** , then your scrollable Screen won’t know what height it needs to be to contain all of the components.

If your scrollable Screen is looking at the components to know how tall it needs to be, and your components are looking at the Screen to know how tall they need to be, it can cause layout issues as seen here.

Here are 2 ways to resolve this behavior:

- Set all of your components’ Heights to a fixed value or to fit contents
- Set your Screen’s Scrollable property to **false**

---

<div class="post-metadata">

**Author:** ![rwplummer1yf4f](https://avatars.discourse-cdn.com/v4/letter/r/d6d6ee/32.png) [@rwplummer1yf4f](https://community.thunkable.com/u/rwplummer1yf4f)\
**Post date:** [June 28, 2021, 11:51am UTC](https://community.thunkable.com/t/blank-design-screen/1348821/11 "2021-06-28T11:51:58Z")

</div>

@jane. Life saver!

---

<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:20pm UTC](https://community.thunkable.com/t/blank-design-screen/1348821/12 "2024-11-08T13:20:14Z")

</div>


