# White bar with blue buttons in live test android AND NOW also on iPhone... T\_T

**URL:** <https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665>\
**Category:** Questions about Thunkable X\
**Created:** [June 24, 2019, 10:54am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665 "2019-06-24T10:54:58Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![maxb](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/maxb/32/35200_2.png) [@maxb](https://community.thunkable.com/u/maxb)\
**Post date:** [June 24, 2019, 10:54am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/1 "2019-06-24T10:54:58Z")

</div>

In the live test app on android there is an UGLY bar at the top with 2 blue buttons -BACK and VIEW CODE - and the name of the app in the middle.

[![Google Photos](https://lh3.googleusercontent.com/Z-Ty5GkTd5U2fkZK1ynR6Po9FtJpSRITeOm8NCb3HdJ0MiBwTU63ehJ2NHC3qZVivAlO1yvEhGitEE5BVAagN6alrDwWP-kjAYGRbYtXIFsvqsS7xqbOjzZcNBjaXNkF-kQxhQajJuo=w600-h315-p-k "New photo by Massimo Ricciuti") ](https://photos.google.com/share/AF1QipPQJX28wrTp_IbB42gpu65iBAlNxrLkV5uzxp37v784ruXd3MbGtONDgmVgqofEVQ?key=WnBYRG1nalRLRjhJY3RoMVhFTkdWOEJ3M2lZaVZ3)

it’s useless and gives a wrong idea of how the app will look.

Is it possibile to remove it?

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [June 24, 2019, 11:35am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/2 "2019-06-24T11:35:53Z")

</div>

Hi there,  
As I have feedback in the community, it seems that we cannot remove by ourselves.  
Thanks.

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [June 24, 2019, 3:28pm UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/3 "2019-06-24T15:28:22Z")

</div>

Hi @maxb, thanks for the feedback.

> [@maxb](#):
>
> it’s useless

I’d beg to differ - the live testing app gives you the ability to live preview any of your Thunkable projects quickly and easily. The back button allows you to move from a project back to your list of projects.

The View Code button allows you to inspect the blocks that are associated with that particular screen and can be very helpful when debugging or when trying to understand a public project.

> [@maxb](#):
>
> gives a wrong idea of how the app will look.

It give a pretty accurate representation of what the app will look like, with the added benefit of real-time updates. If you need to to be 100% accurate for device art etc. the you can install the app on your device!

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [June 25, 2019, 8:19am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/4 "2019-06-25T08:19:53Z")

</div>

Hi there,  
As you said.If I need 100% accurate design test.I must download the app to see whether the design is your imagation or not.So that you said cannot remove the bar.It is so terrible.Now I would be flattered to add back the shake function in the live test app.Therefore,the live app will be better to shown  
Sincerely,  
Thank.

---

<div class="post-metadata">

**Author:** ![maxb](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/maxb/32/35200_2.png) [@maxb](https://community.thunkable.com/u/maxb)\
**Post date:** [June 25, 2019, 10:44am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/5 "2019-06-25T10:44:42Z")

</div>

Hey @domhnallohanlon, ok for the back button, you are right, but the view code one never wor…

oh, ok, i thought it was bugged, I had to wait and saw it works,

 ![Screenshot_20190625-122146_Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/4/6410da6630c163ed35ee3bd278d6a769485614ff.jpeg)

though doesn’t feel very _practical_ to say the least…

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [June 25, 2019, 11:00am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/6 "2019-06-25T11:00:20Z")

</div>

Yes that’s so weird while station on smaller device.

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [July 1, 2019, 3:11am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/7 "2019-07-01T03:11:07Z")

</div>

Hi there,  
If it is possible, rather than make two fingers to point to the screen,then show the options.

---

<div class="post-metadata">

**Author:** ![maxb](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/maxb/32/35200_2.png) [@maxb](https://community.thunkable.com/u/maxb)\
**Post date:** [July 10, 2019, 2:42pm UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/8 "2019-07-10T14:42:39Z")

</div>

Now it’s also on iPhone and my design is all over the place…

I will have to download and phisically install the app on both phones to understand if the app looks fine… (?) 😭

---

<div class="post-metadata">

**Author:** ![Kyle\_Williams](https://avatars.discourse-cdn.com/v4/letter/k/b2d939/32.png) [@Kyle\_Williams](https://community.thunkable.com/u/Kyle_Williams)\
**Post date:** [July 10, 2019, 3:49pm UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/9 "2019-07-10T15:49:50Z")

</div>

I’m guessing they’ve added this bar because of the new accelerometer functions (meaning you can’t “shake” to go back to your list of apps).

That said, it definitely detracts from using Live Test to preview my app, and while I can download the app to test on device, it takes a while to generate an iOS app and receive the link, so it’s causing a serious delay with being able to preview my designs accurately.

I’m really hoping the Thunkable team can come up with another solutions rather than using this added bar at the top, because it’s very frustrating, and I feel like more users would prefer being able to see a more accurate preview than use accelerometer features. Why can’t those using the accelerometer be the ones who need to compile and install the app to test it? Seems like that would be the smaller user group.

**edit** Just to make a suggestion, why not add an option inside of the Thunkable Live app allowing us to toggle this off or on? The accuracy of the live test preview was one of the _biggest_ selling points of Thunkable for me, and that’s now gone…

---

<div class="post-metadata">

**Author:** ![maxb](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/maxb/32/35200_2.png) [@maxb](https://community.thunkable.com/u/maxb)\
**Post date:** [July 11, 2019, 1:54pm UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/10 "2019-07-11T13:54:32Z")

</div>

Yes!

In fact now I really DON’T know if my design is how it looked before the white bar (everything in place), or how it looks now (completely messed up, elements out of the screen, references gone)

---

<div class="post-metadata">

**Author:** ![Joey](https://avatars.discourse-cdn.com/v4/letter/j/f14d63/32.png) [@Joey](https://community.thunkable.com/u/Joey)\
**Post date:** [July 13, 2019, 12:59pm UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/11 "2019-07-13T12:59:52Z")

</div>

I completely agree with you.  
I also think it should be possible to turn this option on and off, at least on the PRO plan.

The screens within the “Bottom Tab Navigator” are now pushed down for 10 pixels or so and therefore the menu items are now cut in the middle (see screenshot).

So as long as the back button is there, is there anyway I can see the whole menu again in the live preview?

 ![Image%20from%20iOS](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/2/224ebbe5cc7f6122a367e71a66ecbcaaacf7c347.jpeg)

---

<div class="post-metadata">

**Author:** ![11fe73d2cc8e45](https://avatars.discourse-cdn.com/v4/letter/1/82dd89/32.png) [@11fe73d2cc8e45](https://community.thunkable.com/u/11fe73d2cc8e45)\
**Post date:** [July 13, 2019, 6:59pm UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/12 "2019-07-13T18:59:46Z")

</div>

ridiculous

---

<div class="post-metadata">

**Author:** ![Joey](https://avatars.discourse-cdn.com/v4/letter/j/f14d63/32.png) [@Joey](https://community.thunkable.com/u/Joey)\
**Post date:** [July 16, 2019, 5:55am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/13 "2019-07-16T05:55:55Z")

</div>

So is there any way I can see the menu normally?

---

<div class="post-metadata">

**Author:** ![Kyle\_Williams](https://avatars.discourse-cdn.com/v4/letter/k/b2d939/32.png) [@Kyle\_Williams](https://community.thunkable.com/u/Kyle_Williams)\
**Post date:** [July 16, 2019, 2:15pm UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/14 "2019-07-16T14:15:38Z")

</div>

As of right now, the only way to view your app without the added bar is to download a build of the actual application and install it, unfortunately.

---

<div class="post-metadata">

**Author:** ![Joey](https://avatars.discourse-cdn.com/v4/letter/j/f14d63/32.png) [@Joey](https://community.thunkable.com/u/Joey)\
**Post date:** [July 16, 2019, 2:27pm UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/15 "2019-07-16T14:27:50Z")

</div>

Yes thanks. I already did that.

Would be interesting to know what thunkable plans on doing here and if they will keep this.

> [@domhnallohanlon](#):
>
> It give a pretty accurate representation of what the app will look like, with the added benefit of real-time updates.

As you can see on my screenshot above, that is not really close to what the app looks like.

@domhnallohanlon Do you plan to make any changes here and give us the option to turn this on/off?  
Thanks!

I am really happy with Thunkable and recently switched to the PRO plan. I started working on my app a few months ago and I am just a bit irritated by the way this “feature” was implemented.

---

<div class="post-metadata">

**Author:** ![Kyle\_Williams](https://avatars.discourse-cdn.com/v4/letter/k/b2d939/32.png) [@Kyle\_Williams](https://community.thunkable.com/u/Kyle_Williams)\
**Post date:** [July 17, 2019, 12:57am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/16 "2019-07-17T00:57:39Z")

</div>

> [@Joey](#):
>
> @Domhnall Do you plan to make any changes here and give us the option to turn this on/off?  
> Thanks!

Just curious if we can get some official feedback on this? When trying to tighten up a complex layout, this change has made things a hundred times more difficult.

---

<div class="post-metadata">

**Author:** ![751b6d55c76147](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/751b6d55c76147/32/32591_2.png) [@751b6d55c76147](https://community.thunkable.com/u/751b6d55c76147)\
**Post date:** [July 17, 2019, 1:36am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/17 "2019-07-17T01:36:30Z")

</div>

OMG Thunkable PLEASE remove this or at least allow me to disable it. It pulls down my whole screen which is useless if I can’t access buttons at the bottom of my screen design!  
PLUS my daughter will need to submit her app to a competition where the judges will simply test from the Live Test option! They’re not going to bother to download and install it.

---

<div class="post-metadata">

**Author:** ![maxb](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/maxb/32/35200_2.png) [@maxb](https://community.thunkable.com/u/maxb)\
**Post date:** [July 17, 2019, 7:49am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/19 "2019-07-17T07:49:22Z")

</div>

If all the contenders use thunkable live I’m sure the judges have to be informed of this problem, install the app, or use it from the contestant’s phone

---

<div class="post-metadata">

**Author:** ![wei](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wei/32/26160_2.png) [@wei](https://community.thunkable.com/u/wei)\
**Post date:** [July 29, 2019, 4:02am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/20 "2019-07-29T04:02:14Z")

</div>

Sorry for the issues you are facing now. I just sent out an update over the air and it should fix some of the problems about pushing the UI down. You need to force quit your app and reopen it. You can see the instruction below on how to force quit your app -

> **[Force Quit iOS Companion](https://docs.google.com/document/d/1zk6UQXxhSz-mO6Okk4_fY7lyHJ8Foeol8fArfK4dhD0/edit)**
>
> 1. Double click the iPhone home button to bring up the UI below, move up to force quit the Thunkable app 2. Reopen the app and long press the My Apps section, it should pop up the following alert, which shows v56-49; repeat the steps again if you...

---

<div class="post-metadata">

**Author:** ![jacob1](https://avatars.discourse-cdn.com/v4/letter/j/a87d85/32.png) [@jacob1](https://community.thunkable.com/u/jacob1)\
**Post date:** [July 29, 2019, 4:28am UTC](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665/21 "2019-07-29T04:28:26Z")

</div>

Hi Wei,

This now works thankyou - however I think this may have effected connectivity to firebase, both on the companion app and when downloaded the app is erroring and resetting itself when the realdb component is called - is this a separate issue - it only seemed to have just occurred?

[Next page](https://community.thunkable.com/t/white-bar-with-blue-buttons-in-live-test-android-and-now-also-on-iphone-t-t/118665.md?page=2)
