Android Statusbar not hidden

4 posts, 0 answers
  1. Dan
    Dan avatar
    26 posts
    Member since:
    Oct 2013

    Posted 14 Aug 2014 Link to this post

    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?
  2. Anton Dobrev
    Admin
    Anton Dobrev avatar
    539 posts

    Posted 15 Aug 2014 Link to this post

    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
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
  3. Dan
    Dan avatar
    26 posts
    Member since:
    Oct 2013

    Posted 15 Aug 2014 Link to this post

    I'm already doing StatusBar.hide();

    How can I access the config.xml if I am using appBuilder?
  4. Anton Dobrev
    Admin
    Anton Dobrev avatar
    539 posts

    Posted 18 Aug 2014 Link to this post

    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
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
Back to Top