10 Replies Latest reply on Oct 11, 2017 2:12 AM by blessingp66693025

    Phonegap build Cli 7.0.1 changes the UI of the app

    blessingp66693025

      Hello

       

      Please, I need help with PhoneGap build cli 7.0.1, upon using this version to build my app the UI of the app changed to the image on the right. i use jquery mobile and it works fine on build cli 6.5.0. I believe this is an issue with the new changes made. also, my app includes videos, they won't play unless on cli 7.0.1 build.

       

      This is my config.xml code

       

      <?xml version="1.0" encoding="utf-8"?>

      <widget xmlns     = "http://www.w3.org/ns/widgets"

              xmlns:gap = "http://phonegap.com/ns/1.0"

              id        = "xxx"

              versionCode = "3"

              version   = "0.0.3">

      <platform name="android" >

        <preference name="orientation" value="default" />

      </platform>

      !-- Customize your app and platform with the preference element. -->

           <preference name="phonegap-version" value="cli-7.0.1" />

          <preference name="target-device"              value="universal" />    

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

         <preference name="android-installLocation" value="auto" />

          <preference name="android-build-tool" value="gradle" />

      <preference name="android-windowSoftInputMode" value="stateHidden|adjustResize" />

          <plugin name="cordova-plugin-device" spec="1.1.5" />

          <plugin name="cordova-plugin-device-orientation" spec="1.0.6" />

          <plugin name="cordova-plugin-google-analytics" />

          <plugin name="cordova-plugin-globalization" spec="1.0.6"/>

          <plugin name="cordova-plugin-inappbrowser" spec="1.7.0" />

         <plugin name="cordova-plugin-network-information" spec="1.3.2" />

      <plugin name="cordova-plugin-x-socialsharing" source="npm" />

      <plugin name="cordova-plugin-file-transfer" source="npm" />

      <plugin name="cordova-plugin-admobpro" source="npm" />

       

      <icon src="icon.png" />

          <icon src="res/icon/android/icon-36-ldpi.png"   gap:platform="android"    gap:qualifier="ldpi" />

          <icon src="res/icon/android/icon-48-mdpi.png"   gap:platform="android"    gap:qualifier="mdpi" />

          <icon src="res/icon/android/icon-72-hdpi.png"   gap:platform="android"    gap:qualifier="hdpi" />

          <icon src="res/icon/android/icon-96-xhdpi.png"  gap:platform="android"    gap:qualifier="xhdpi" />

       

      <plugin name="cordova-plugin-whitelist" source="npm" />

          <platform name="android">

              <allow-intent href="market:*" />

          </platform>

          <platform name="ios">

              <allow-intent href="itms:*" />

              <allow-intent href="itms-apps:*" />

          </platform>

      </widget>

       

       

       

       

       

      Screenshot_2017-10-04-05-46-22.pngScreenshot_2017-10-04-05-47-16.png

       

      Thank you.