0 Replies Latest reply on May 3, 2017 9:15 AM by thomasm49475475

    Black screen during page loading on iOS

    thomasm49475475

      I am actually programing a framework7/Phonegap  application,  during page transition I use a loader included in framework 7 which works fine on Android Phone but display black screen on iOS.

       

      So basically, I’v got an issue with iOS, I don’t understand why my loader doesn’t work like on Android Platform ?

       

      My code:

       

      <!DOCTYPE html>

      <html>

       

      <head>

          <meta charset="utf-8">

          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">

          <meta name="apple-mobile-web-app-capable" content="yes">

          <meta name="apple-mobile-web-app-status-bar-style" content="black">

          <meta name="format-detection" content="telephone=no">

          <meta name="msapplication-tap-highlight" content="no">

       

          <title>My App</title>

          <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700 i,900,900i" rel="stylesheet">

       

          <link rel="stylesheet" href="lib/framework7/css/framework7.ios.min.css">

          <link rel="stylesheet" href="lib/framework7/css/framework7.ios.colors.min.css">

          <link rel="stylesheet" href="css/styles.css">

          <link rel="stylesheet" href="css/framework7-icons.css">

       

          <script type="text/javascript" src="cordova.js"></script>

          <script type="text/javascript" src="lib/framework7/js/framework7.min.js"></script>

          <script type="text/javascript" src="js/my-app.js"></script>

       

      </head>

       

      <body>

        <script>

          var myApp = new Framework7();

          myApp.showPreloader();

        </script>

       

        <!—-Code which takes some time to load (uses HTML/JS) -—>

       

        <script>

            myApp.hidePreloader();

        </script>

      </body>

       

       

      </html>