Statusbar color in Cordova 3.0

2 posts, 0 answers
  1. Idan
    Idan avatar
    76 posts
    Member since:
    Oct 2012

    Posted 31 Mar 2014 Link to this post

    How do I change the background and foreground color of the StatusBar for iOS with an app built with Cordova 3.0.0 (not 3.1 or 3.2)?

    I want to have a black background and white foreground color.
  2. Iva Koevska
    Admin
    Iva Koevska avatar
    286 posts

    Posted 02 Apr 2014 Link to this post

    Hello Idan,

    You can still achieve this task using the StatusBar custom plugin. Download it from here (the latest version still seems compatible with Cordova 3.0.0 according to the plugin.xml). Unpack the archive, and zip the contents of the package folder (so that plugin.xml is in the root of the archive). Then, import the custom plugin in your project. Call the methods that let you control the font and the background color in your onDeviceReady (e.g. StatusBar.backgroundColorByName and StatusBar.styleLightContent). (Note that you might need to set StatusBar.overlaysWebView to false). This will not work in the device simulator and in the companion app. To test your app, you will need to deploy it on a real device.

    Regards,
    Iva Koevska
    Telerik
     

    Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

     
Back to Top