# Why is there a BIG WHITE BAR at the bottom of the live app on tablets?

**URL:** <https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502>\
**Category:** Questions about Thunkable X\
**Tags:** thunkablelive\
**Created:** [January 28, 2022, 9:21pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502 "2022-01-28T21:21:50Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![tgsacc](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tgsacc/32/130010_2.png) [@tgsacc](https://community.thunkable.com/u/tgsacc)\
**Post date:** [January 28, 2022, 9:21pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/1 "2022-01-28T21:21:50Z")

</div>

Testing on both iOS and Android. ~~Landscape view on tablets;~~ Both views on tablets; there is a giant white Thunkable “testing bar” at the bottom with the app name and the Home/ View Code buttons, which means that my apps are not full height when live testing.

There are no settings for the Live app and I don’t want that bar there, why would anyone not want to display their app full height when testing?

It’s inconvenient at best, and at worst it is literally stopping me from creating an app that looks right on tablets because I can’t see a full-height view.

Utterly ridiculous.

Please just make this go away, or make it optional!?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 28, 2022, 9:24pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/2 "2022-01-28T21:24:25Z")

</div>

It’s an Apple requirement. Please see this:

> [@\[Solved\] Thunkable Live for iOS "Congrats! Your project is live" — remove?](https://community.thunkable.com/t/solved-thunkable-live-for-ios-congrats-your-project-is-live-remove/384620/10):
>
> Hey @juschan0605 - thanks for the suggestion, as you can see from the posts above, this has been asked before. We’d love to, but unfortunately we are required by Apple to have this bar at the bottom of the screen. If they ever change their requirements we’ll definitely look into getting rid of it. This is why the bar does not appear at the bottom of the Android screen, because Google and Amazon don’t have this requirement. This is also one of the reasons we’ve put so much effort into Web Prev…

I’m not sure why you’re seeing it in Android but maybe @domhnallohanlon can answer that.

---

<div class="post-metadata">

**Author:** ![tgsacc](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tgsacc/32/130010_2.png) [@tgsacc](https://community.thunkable.com/u/tgsacc)\
**Post date:** [January 28, 2022, 9:31pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/3 "2022-01-28T21:31:17Z")

</div>

Okay, thanks.

It’s literally taking up about a fifth of the screen on Android and really doesn’t need too (if it even has to be there at all as you’ve said). Current version is 301.

~~On the iOS note, I doubt Apple would specify the height and most people creating with thunkable won’t need the constant “use our tutorials” reminders. Please can the height of it be reduced (on iPads), if it _has_ to be there?~~

Just read the 80% height note on the other post, is this _still_ true? That was 2 years ago and I wonder if they’ve changed that requirement.

Also, is there a way that users can choose to hide it afterward the preview has launched or does it _have_ to be there the whole time? There must be a loophole somewhere! AppGyver does not have this issue…

What would be nice, is an off-canvas side-swipe menu to get one to those Home and View Code buttons, that shows at the start of the app preview so (new) users know where it is and still complies with Apple’s 20% requirement (but is obviously dismiss-able).

Thank you.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 28, 2022, 9:44pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/4 "2022-01-28T21:44:02Z")

</div>

I share your frustration. I recommend adding your comments here as well:

> <https://github.com/thunkable/thunkable-issues/issues/326>
>
> The message “Congrats! Your project is live. Check out our tutorials if you need… help" was added to the bottom of Thunkable Live when previewing apps.
> 
> The significant change in screen size because of those additional elements makes Thunkable Live much less useful for testing of apps.
> 
> My preference would be to remove it from the display and instead tell your users congratulations and about tutorials in the email message that gets generated each time an app is downloaded. The less the actual app screen gets crowded with additional text and buttons, the better.

Hopefully the requirements allow for tweaking of the required content (e.g. hiding it, making it smaller, etc.).

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [January 29, 2022, 4:55am UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/5 "2022-01-29T04:55:25Z")

</div>

I’m also experiencing this on Android and it’s squeezing my entire screen into only part of it.

---

<div class="post-metadata">

**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:** [January 29, 2022, 12:57pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/6 "2022-01-29T12:57:59Z")

</div>

Not sure about android, but for iOS

Yes, it’s an Apple requirement. In the [https://developer.apple.com/support/downloads/terms/apple-developer-program/Apple-Developer-Program-License-Agreement-20211213-English.pdf](https://developer.apple.com/support/downloads/terms/apple-developer-program/Apple-Developer-Program-License-Agreement-20211213-English.pdf) in section 3.2.2

“…An Application that is a programming environment intended for use in learning how to program may download and run executable code so long as the following requirements are met: (i) no more than 80 percent of the Application’s viewing area or screen may be taken over with executable code, except as otherwise permitted in the Documentation…”

How much squishing is happening @codeswept ?

---

<div class="post-metadata">

**Author:** ![tgsacc](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tgsacc/32/130010_2.png) [@tgsacc](https://community.thunkable.com/u/tgsacc)\
**Post date:** [February 2, 2022, 7:42pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/8 "2022-02-02T19:42:33Z")

</div>

@jared Still getting this on Android which is _`not`_ a requirement from Google.

Please can Thunkable devs update the app as it has never been there until now.

Thank you.

_Also, Android appears to have 25% filler which is obviously unnecessary._

---

<div class="post-metadata">

**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:** [February 3, 2022, 12:28am UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/9 "2022-02-03T00:28:10Z")

</div>

Look for an update to the companion app next week !

---

<div class="post-metadata">

**Author:** ![tgsacc](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tgsacc/32/130010_2.png) [@tgsacc](https://community.thunkable.com/u/tgsacc)\
**Post date:** [February 4, 2022, 5:11pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/10 "2022-02-04T17:11:58Z")

</div>

Great thank you 😃

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [February 5, 2022, 10:33pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/11 "2022-02-05T22:33:03Z")

</div>

The big white bar at the bottom is on iPhone and iPad.  
This is a conflict to the design of an app.  
When downloading the app,it is not there.

But why is it necessary?

Look at MIT App Inventor. In their live app in IOS there is no bar and 100% of the screen is usable.

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [February 5, 2022, 10:53pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/12 "2022-02-05T22:53:29Z")

</div>

…and why can Apple‘s Swift Playground (a learning environment for programming) use 100% screen?

---

<div class="post-metadata">

**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:** [February 5, 2022, 10:54pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/13 "2022-02-05T22:54:57Z")

</div>

> [@rollke](#):
>
> But why is it necessary?

Yes, it’s an Apple requirement. In the [https://developer.apple.com/support/downloads/terms/apple-developer-program/Apple-Developer-Program-License-Agreement-20211213-English.pdf](https://developer.apple.com/support/downloads/terms/apple-developer-program/Apple-Developer-Program-License-Agreement-20211213-English.pdf) in section 3.2.2

“…An Application that is a programming environment intended for use in learning how to program may download and run executable code so long as the following requirements are met: (i) no more than 80 percent of the Application’s viewing area or screen may be taken over with executable code, except as otherwise permitted in the Documentation…”

The tldr; we don’t wanna get rejected because Apple is picky and we violate their terms in an effort to make everyone happy.

We dont like it either

Not sure how others do it, but we’re going to follow the rules for now. We have been talking about it and are planning to review things to make sure it’s still valid.

---

<div class="post-metadata">

**Author:** ![martint](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/martint/32/96689_2.png) [@martint](https://community.thunkable.com/u/martint)\
**Post date:** [February 7, 2022, 11:45pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/14 "2022-02-07T23:45:14Z")

</div>

Wow, I have had a couple of weeks away from Thunkable so have only just seen this horrendous live app update!  
I am a little confused by the interpretation of a couple of points in the above licence agreement,

> [@jared](#):
>
> An Application that is a programming environment intended for use in learning how to program

I am not learning how to program, I am creating apps in a no-code environment.

> [@jared](#):
>
> no more than 80 percent of the Application’s viewing area or screen may be taken over with executable code

its not executable code, its a demo view of the app.  
And all this aside, I work in android and then just check layout/functionality in apple before publishing.  
Can we not have it removed in Android?

---

<div class="post-metadata">

**Author:** ![tgsacc](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tgsacc/32/130010_2.png) [@tgsacc](https://community.thunkable.com/u/tgsacc)\
**Post date:** [February 18, 2022, 12:07pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/15 "2022-02-18T12:07:44Z")

</div>

@jared it is now

> “next week” (in fact 2 weeks)

Please remind devs to remove this from Android ASAP. It is frankly **unusable** at the moment. Thank you.

---

<div class="post-metadata">

**Author:** ![tgsacc](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tgsacc/32/130010_2.png) [@tgsacc](https://community.thunkable.com/u/tgsacc)\
**Post date:** [February 18, 2022, 12:15pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/16 "2022-02-18T12:15:17Z")

</div>

Completely agree with this, Thunkable’s interpretation is far too overzealous. The fact is that Appgyver, Kodular (who are very similar with their blocks), Asala and several others simply do not have this, proving that it is not necessary, at all.

@martint is absolutely correct, " learning how to program" is not what Thunkable is, as well as it not being “executable code”, it is not Terminal nor is it JavaScript or actual code. So it is not necessary, Thunkable is causing major issues (now on Android as well) where it is proven to be pointless.

I **challenge** @Thunkable (@domhnallohanlon, @jared please pass this along) to have developers create a second app on the Apple app store called “Thunk Dev” or something, that clearly states it is for developers only, and not include the 20% bar, and see if it goes through. I’ve seen apps that have developer features make it though fine because it is noted in the app’s description regardless of the fact that other app builders do not do this.

Please, and Thank you.

---

<div class="post-metadata">

**Author:** ![tgsacc](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tgsacc/32/130010_2.png) [@tgsacc](https://community.thunkable.com/u/tgsacc)\
**Post date:** [February 18, 2022, 3:32pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/17 "2022-02-18T15:32:23Z")

</div>

Poll for anyone who would like to help figure out if the ‘View Code’ button on the Live App is even used.

> [@Do you actually use the 'View Code' button in the Live App?](https://community.thunkable.com/t/do-you-actually-use-the-view-code-button-in-the-live-app/1741879):
>
> Hi @all, I’m creating this poll to see how many users actually use the ‘View Code’ button in the real world, for those unaware, this is what I’m talking about: [view-code-thunk] The reason for this poll is to find out if that ‘View Code’ button needs to be there at all, and if it doesn’t maybe Thunkable can remove the 20% intrusive white bar at the bottom of the screen on iOS (and currently on Android). [poll](https://community.thunkable.com/t/do-you-actually-use-the-view-code-button-in-the-live-app/1741879/1) Thank you for your time. I mean, even if Thunkable just renamed the button to “View …

I’m guessing that because it says “View Code” is half the reason Thunkable has added this bar, to be compliant. But the question is, is it even used by the community? This could be one step towards removing the whole white bar.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [May 19, 2022, 3:33pm UTC](https://community.thunkable.com/t/why-is-there-a-big-white-bar-at-the-bottom-of-the-live-app-on-tablets/1702502/18 "2022-05-19T15:33:19Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
