View data-stretch problem iPhone 4s

Thread is closed for posting
2 posts, 0 answers
  1. nepuntobiz
    nepuntobiz avatar
    5 posts
    Member since:
    Nov 2013

    Posted 25 Jul 2015 Link to this post


     I'm using a view with the attribute data-stretch="true" to set a background image for in a view. It works fine for Android but I'm having troubles with an iPhone 4S. It seems like is not filling the whole viewport leaving an empty (what seems to be iPhone's status bar?) space. Please take a look at the screenshot.

     That's me hovering the view in the device debugger as you can see is not filling the viewport entirely and I need it to fill the whole viewport.

     I've got the StatusBar plugin on too. Please any help to resolve this is appreciated.


  2. Tsvetina
    Tsvetina avatar
    2328 posts

    Posted 29 Jul 2015 Link to this post

    Hi Javier,

    Looking at the image, it seems like your status bar has a black background set to it. To remove it, you should open the iOS config.xml file and remove this setting:
    <preference name="StatusBarBackgroundColor" value="#000000" />

    After this, your status bar should become transparent.

    I am not sure why you get the black line at the bottom, so if it remains this way and you want to remove it, consider sending us your project, so we can debug it locally.


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

Back to Top