Thursday, April 16, 2015

Using Cordova Plugins with Visual Studio

In my previous post I explained how to use Apache Cordova with Angular JS. In this post I am going to use a Cordova plugin for show notification.
First, create a blank cordova application like below.
Add following javascript libararies into scripts/framework folder.
Add Angular main module like below.
I have mentioned we have to use notification pop up in this demo. Therefore, add Notification plugin to this project using config.xml file.
No you have to add relevant style sheet files to index.html file like below.
In body of the html page, add following content which have two buttons.
Do not forget to add relevant javascript files.
Now, you have to implement menuController.js file like below.
Run you application in ripple. Then click on GoTo button. It will show a notification like below.
Ripple is mainly used for testing. Therefore, notification will look like above.
If you need to check how this notification view in android environment, then select Android Emulator in debug mode. Then the popup will looks like,

No comments:

Post a Comment