Saturday, May 26, 2018

208 Build PhoneGap com with Cordova Dialogs

208 Build PhoneGap com with Cordova Dialogs



.
208 Build.PhoneGap.com with Cordova Dialogs

1) Check Version

As at 2017-11-14
PhoneGap Version:
PhoneGap (iOS / Android / Windows)
cli-6.5.0 (4.3.1 / 6.1.2 / 4.4.3)
Plugin Version:
<plugin name="cordova-plugin-dialogs" spec="1.3.4" />

2) Startup Files

config.xml
<?xml version=1.0 encoding=utf-8?>
<widget id="com.notarazi.bpg" version="1.0.0" >
  <name>BPG </name>
  <description>
      Build Phone Gap Example
  </description>
  <author email="notarazi@gmail.com" href="http://fb.me/notarazi.blogs">
      Notarazi Team
  </author>
  <content src="index.html" />
  <access origin="*" />
  <allow-intent href="http://*/*" />
  <allow-intent href="https://*/*" />
  <allow-intent href="tel:*" />
  <allow-intent href="sms:*" />
  <allow-intent href="mailto:*" />
  <allow-intent href="geo:*" />
  <platform name="android">
      <allow-intent href="market:*" />
  </platform>
  <platform name="ios">
      <allow-intent href="itms:*" />
      <allow-intent href="itms-apps:*" />
  </platform>
  <engine name="android" spec="^6.2.3" />
  <engine name="ios" spec="^4.4.0" />
<plugin name="cordova-plugin-dialogs" spec="1.3.4" />
</widget>
index.html
<!DOCTYPE html>
<html>
 <head>
   <title>BPG Example</title>
   <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
   <script type="text/javascript" charset="utf-8">
   document.addEventListener("deviceready", onDeviceReady, false);
   function onDeviceReady() {
    console.log(navigator.notification);
     document.getElementById(appmessage).innerHTML= JSON.stringify(navigator.notification);

   }
   </script>
 </head>
 <body>
  <div id=appmessagestyle= width:200px;word-wrap: break-word;>
   ...
   </div>
 </body>
</html>

3) Zip, Upload and Build the project

(Refer http://programming-steps.blogspot.my/2017/05/build-app-with-buildphonegapcom.html )

4) Test Output

Console Output

Download

208-bpg-dialogs.zip

Reference


https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-dialogs/index.html 
.

visit link download

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.