Software Archive
Read-only legacy content
17061 Discussions

How to hide iOs statusbar?

Konstantin_R_
New Contributor I
486 Views

Hi!

On android and wp8.1 statusbar is hide. But I do not understand how to hide the status bar on the iPhone 4s with ios 8. 

When i export  cordova project from Construct 2 then i select "hide statusbar". In XDK 2548 (try CLI 4.1.2 and 5.1.1.) I install cordova statusbar plugin and select "fullscreen" in Build settings,  when I test on device - the statusbar is transparent but statusbar icons is visible (like the picture in the attachment). How to hide the ios statusbar completely?

I would be grateful for any help.

0 Kudos
5 Replies
Konstantin_R_
New Contributor I
486 Views

please tell me how can I solve this problem?

0 Kudos
PaulF_IntelCorp
Employee
486 Views

Please use the Status Bar plugin.

0 Kudos
Konstantin_R_
New Contributor I
486 Views

Paul F. (Intel) wrote:

Please use the Status Bar plugin.

Thank you Paul, but this not work for me. But Corey C  told me the solution, and it helped me:

Corey C. wrote:

Within Construct 2, on the start of your first layout, try adding the Browser's "Execute Javascript" action and execute "StatusBar.hide();" 

You will need to make sure you add the StatusBar plugin from within Intel XDK.

0 Kudos
Bani_M_
Beginner
486 Views

Whats the meaning of "adding the Browser's "Execute Javascript" action",

thanks

B.M.

0 Kudos
Jason_B_4
Beginner
486 Views

Bani M. wrote:

Whats the meaning of "adding the Browser's "Execute Javascript" action",

 

You need to add a Browser object. Then add an action called "Execute Javascript". In that action you type the JavaScript code you need. In this case "StatusBar.hide();"

0 Kudos
Reply