Android Statusbar not hidden

[Dan]

How do I hide the Android status bar?

I am hiding the iOS status bar but the Android bar refuses to go away.

I am including:
        app.application = new kendo.mobile.Application(document.body, {..., statusBarStyle: "hidden", ... });

I am also including the STATUS_BAR in Android permissions.  What am I missing?

[Anton Dobrev]

Hi Dan,

The quoted method from the Kendo UI API relies on the Apache Cordova StatusBar plugin. You must call the StatusBar.hide() method before initializing the kendo.mobile.Application like:

document.addEventListener('deviceready', function() {
       StatusBar.hide();
       new kendo.mobile.Application($(document.body), { statusBarStyle: "hidden" });
   });

You can read more in the following documentation article: Hiding the status bar.

Another meaningful approach if you'd like your app to run in full-screen in Android devices would be to add the following preference in the config.xml for Android:

<preference name="fullscreen" value="true" />

Please, let me know if you have questions.

Best regards,
Anton Dobrev
Telerik

 

 

[Dan]

I'm already doing StatusBar.hide();

How can I access the config.xml if I am using appBuilder?

[Anton Dobrev]

Hi,

You can edit the project preferences for Android by following the procedure outlined in this documentation article: Edit Configuration Files. Also, for convenience I am attaching a screenshot done in the AppBuilder Desktop client.

More information about the Android settings that you can configure in config.xml, is available in this article from the Cordova 3.5 documentation: Project Settings for Android.

Could you please specify - does calling StatusBar.Hide() at the moment when the 'deviceready' event is emitted works for your app on Android?

Regards,
Anton Dobrev
Telerik