Before iOS7, a status bar was shown on the top of the screen before the actual page started and the app couldn't modify the look and feel of the status bar.

As of iOS7, Apple changed this behavior and removed the status bar entirely and instead added a transparent overlay on top of the screen.

This has both advantages and drawbacks.

On the plus side, more of the screen may be used by an app, which allows for more design control.

The drawback on the other hand is that it may be hard to create an app that looks the same on all devices, as android devices have a toolbar that works as it did on earlier versions of iOS (simply pushing the top of the app downward).

Therefore, we have implemented support for forcing the iOS status bar to work more as it did in previous iOS versions - albeit with some additional features.

Before you build your app for release, follow these steps to activate the "old toolbar" mode.

1. Go to RELEASE MANAGEMENT
2. Go to NEW BUILD
3. Go to FEATURES
4. Check the "Statusbar" feature
5. Click on BUILD NOW to build your app.

If you like to finetune these settings you could modify the JavaScript that make all this happen by viewing the DeviceReady script found in your scripts folder.

Use Visual Coding

As an alternative to this method you may use Visual Coding. There are two managers that enable you to control the behavior of the statusbar. The iOS.Statusbar.Show and the iOS.Statusbar.Hide manager.

The iOS.Statusbar.Show manager have two arguments:

BackgroundColor - The background color of the statusbar in HEX format, e.g. #000000 for black and #FF0000 for red.

Theme - Here you can specify the theme of the statusbar, it may be dark or light depending on your background color. If set to dark the text of the statusbar will be white and if set to light the text of the statusbar will become black.

To manually control the statusbar when the app starts first remove the DeviceReady script to avoid conflicts with the built in functionallity by following these steps:

1. Expand the SCRIPTS node in the treeview
2. Right click on the DeviceReady script
3. Select Delete
4. Confirm by clicking YES

Then add a LoadEvent component to the masterpage by following these steps:

1. Open the MasterPage by first expanding the Pages node in the treeview and then click on MasterPage
2. Add a panel to the page
3. Add a Aquro:LoadEvent component to this panel

Add a Visual Coding script by following these steps:

1. Select the Aquro:LoadEvent component
2. Click on the Events button
3. Click on the pen by the Loaded event

As device functionality such as this does not work until all device APIs have been loaded we should to ensure that these have been loaded by using the Device.WaitForReady manager. A script to show the statusbar could look something like this: