Featured
-
No Featured Found!
Tags
How to use Cordova Push Notification Plugin with Google Firebase Cloud Messaging
Cordova push plugin with firebase is used to send notifications in both android and iOS devices. This plugin can be used for Cordova applications with Google Firebase FCM. You can send notifications to one or multiple devices with this plugi...
Cordova Picture Background Plugin to Capture Image without User Interaction
Cordova is a mobile application development framework Owned by Adobe System, it was first created by Nitobi but in 2011 Adobe System acquires/purchases it. Earlier Crodova is known as PhoneGap. It is a free and open source version of Apache...
Using Ionic Tabs in phonegap application
In this article, you will get to know about navigating tabs in ionic. Tabs can be used to navigate from one page to another inside your application.
Using Tabs:
You can add tabs in ionic application by using ion-tabs for container element and...
Cordova - File Transfer in Phonegap Application
This plugin can be used to upload and download files.
Installing File Transfer Plugin:
To install this plugin into your application, run the following command:
cordova plugin add cordova-plugin-file-transfer
After installing...
Using Ionic - Cordova Native Audio in Phonegap application
native audio plugin is used for playing audio in your ionic application.
To use this plugin you need to install it first in your application directory by following command:
cordova plugin add cordova-plugin-nativeaudio
you firs...
How to use SQLite database using Phonegap
In this article, you will learn about the SQLite database in Cordova for mobile application.
SQLite is open source database which can be used in phonegap application. It has features as in standard relational database (SQL syntax, prepared state...
How to check device network in Phonegap
Cordova provides cordova-plugin-network-information that checks the cellular and wifi connection of the device and also it can check the internet connection.
Installation:
To install this plugin run the following command
cordov...
Take a picture with device camera in PhoneGap application
Hello Readers,
Cordova camera plugin allows to take pictures with device camera. First of all we need to install the plugin.
We can install it through CLI simple run:
$ cordova plugin add cordova-plugin-ca...
Cordova plugin console - Get JavaScript logs in your native logs.
Hello Readers,
This plugin use to show JavaScript logs in your native logs. It is very useful and add some additional functions to make it more useful.
First of all we need to install the plugin through CLI run:
...
Progress loader plugin for Cordova / PhoneGap iOS apps.
Hello Readers,
In today's blog we will talk about progress plugin in Cordova / phoneGap apps. It is a progress loader and there is no need to add any JavaScript library for this.
This plugin supports iOS platform. It should be...
Cordova plugin media - record and play back audio files on a device
Hello Readers,
In today's post we will discuss about media plugin for Cordova apps. This plugin allows to record and play back audio files on a device. This plugin defines media constructor. We need to use this plugin with the device ready...
Screen shot plugin for Cordova / PhoneGap
Hello Readers,
Today's post is about we can capture screen shots in our Cordova / phoneGap application.
Well ! This Screenshot plugin provides the functionality that we can capture the screen shot of current screen and save it int...
Use Facebook SDK version4 in cordova app
Hello Readers,
In today’s post will see how to use Facebook SDK in Cordova app. First of all we need to register our app with Facebook and have an App Id.
If you have not registered your app with Facebook you can Click here and foll...
Screenshot plugin for Cordova/phoneGap apps.
Hello Readers,
Screenshot plugin for Cordova/phonegap apps allows you to take screenshot of the current open screen and save it to phone storage.
First of all we need to install the following plugin through CLI:
$ cordova plu...
Ionic2 and typescript - Plugin to return the information of the current app
Hello Readers,
In today's post we will learn about to get app information using ionic2 and typescript. First of all we need to install plugin through CLI:
$ ionic plugin add cordova-plugin-app-version
This plugin supports...
Cordova badge plugin for access and modify badge numbers
Hello Readers,
Cordova badge plugin notify users to that there is something for them when app is in background. For example: Unread messages, Notifications in apps, etc.
This plugin works on Android, iOS, Windows, Wp8, Wp8.1 platforms and...
Cordova plugin for using torch or flashlight of your device
Hello Readers,
Cordova flashlight plugin allows you to access device flashlight in your app and you can access it from your app.
This plugin works on iOS 5+, Android 2+, wp8 and for Android 6+ runtime permission handled automatically.
Fi...
Plugin to Check if GPS enabled on Cordova iOS and Android apps
Hello Readers,
Cordova Geolocation API works when GPS enabled on device or we can say that it will not provide you the exact position. We can provide manual lat long with out enable GPS. Cordova Geolocation API doesn't provide a way to che...
Cordova Email composer plugin
Hello Readers,
Cordova Email composer plugin allows you to send any HTML content to any email account. It provides standard email view into your application and user can edit or delete the content as per requirement.
This plugin supports iO...
Testing Cordova In App Purchases on Android and iOS
In this post, you will learn how to test your cordova application with using cordova InAppPurchase. You can test the purchasing with both android and iOS platforms. You need to have android and iOS devices to test it.
Testing on Andr...
How to play sounds in your phonegap application
Cordova provides a plugin to play sounds in your mobile application. It can record an audio file and also play back audio file on the device.
Installing the plugin:
cordova plugin add cordova-plugin-media
It has a Media constru...
Add In App Purchases to your cordova application
In this post, you will get to know of integrating in app purchases in your cordova application.
cordova-plugin-inapppurchase is used to add in app purchases into your application for both android and iOS platform.
Installing the plugin:
&n...
Automatic icon resizing plugin for Cordova: Phonegap
In this post, you will learn about the plugin for automatic resizing of icons. You must know that both android and iOS platform needs different size of icons according to different devices.
If you need to change your ap...
Show mobile Ad with cordova AdMob plugin
In this post, you will learn how to show mobile ads in your screens. Cordova provides a plugin for google admob. Using this plugin you can show mobile Ad with a line of JavaScript code. It is designed for use in HTML5 based hybrid applications or...
How to use statusbar plugin in phonegap
In this post, you will learn to use statusbar plugin of cordova. The StatusBar object can customize Android and iOS statusbar.
Installing the plugin:
You should have cordova 5.0+ to install its stable version by the following command:
...
Events to use with InAppBrowser plugin: Phonegap
In this post, you will see the events that can be used in InAppBrowser plugin.
There are different methods:
addEventListener
removeEventListener
close
show
executeScript
insertCSS
InAppBrowser.addEventListener:
It will add ...
How to use inappbrowser plugin in your application
In this post, you will learn about the cordova-plugin-inappbrowser which provides a web view to display in your application.
Installing the plugin:
cordova plugin add cordova-plugin-inappbrowser
Initializing plugin:
When cordova.InApp...
How to start an Ionic Application Project
In this post, you will learn how to start any application using Ionic Framework. We will start with the downloading process of ionic and all the dependencies that are needed for developing any application.
Also we need to know the platforms th...
How to check network information in phonegap
If you want to check the network information in your code, here is the plugin that cordova provides to check if the user is online or offline. This plugin gives the information of cellular or wifi connection of the device and it can also check if...
List of phonegap addEventListener
In phonegap application there are many events that can be used and for these events the application code may add a listeners.
Lets take an example to evaluate this thing:
HTML:
<html>
<head>
<title>Events Ex...
How to implement push notification plugin in phonegap
Push notification plugin supports receiving notification in your phonegap application. It can also handle the notifications received. It supports multiple platforms like android, iOS, windows.
Installing the Plugin:
You have to run the foll...
How to use Icons and Splash Screen in Phonegap
Icons and splashes both are specified to some platform like android, iOS, windows, blackberry. We can define a icon or splash for a particular platform by the following ways:
By specifying the platform attribute:
<icon src="ico...
Selecting Multiple Images in Phonegap Application
If you want to select more than one images at a time in phone gap application, you can use the plugin cordova-image Picker. It allows you to select multiple images and also provides the properties for setting maximum images and changing the size ...
How to develop application using Phonegap.
Phonegap is an open source framework that provides us to build mobile applications. It uses some web APIs for the different platforms like android, ios, windows, blackberry. We can add the specific platform in which we want to run the mobile appl...
Cordova EmailComposer Plugin
The Cordova EmailComposer plugin provides the interface where user can send the message through email same as in the email composer. It manages the editing and sending the message. You can use this plugin to show the standard email view inside yo...
How to implement push notifications in phonegap application.
Using Google Cloud Messaging (GCM) we can send push notification from web server to the android devices that are registered.
This is how the process works:
1.Android device sends sender id to GCM server for registration.
2.GCM Server return...
Create new project in Ionic framework
If you want to create a new project in Phone gap with Ionic framework, you can do that with the following lines:
First of all we have to install ionic, to install ionic in the system we have to run the following command in our terminal:
$ n...
Using Vibration plugin in Phonegap
By using cordova-plugin-vibration we can get vibration on the devices. The plugin has some global objects like navigator.vibrate.
Installation:
cordova plugin add cordova-plugin-vibration
Vibrate:
The vibrate function provides the thr...
Getting Device info using phone gap
In phonegap, if we want to know the device information then we have to add a plugin for the same and from that we will have a device object which describe the hardware and software of the device.
The properties include:
device.name
device....
How to use Phonegap SoftKeyboard Plugin for Android?
Hello All,
Here I am sharing some information to include and use of the SoftKeyboard Plugin for Android.
1.Install SoftKeyboard plugin using the latest version from GitHub:
$ cordova plugin add https://github.com/phonostar/PhoneGap-Soft...
How to parse JSON using PhoneGap
Follow the below steps to parse JASON in PhoneGap.
Step 1. Call Js function From html page or from where we want, like this
function onBodyLoad()
{
document.addEventListener(deviceready, callJson, false);
}
Step 2.
Create a functio...
How to save image from url into device photo gallery
If you want to save image from url, you have to merge the following code to you js file
First of all, we have to add the following plug-in to read, write and navigate file system.
Write this in your code:
cordova plugin add org.apache.cord...
Showing camera view inside html in android and then snap a picture
Hello All
Today we will discuss about Showing camera view inside html in android and then click a picture:
In PhoneGap we can Show Camera view inside HTML. Before we proceed with the plugin let me give you a walk-through of its features.
Th...
How to get Geolocation (Lattitude and Longitude) of a point in phonegap
If you want to track the location using phonegap App, you can simply checkout this steps.
1. After creating a project for example "test", you can add a plugin using terminal
cordova plugin add org.apache.cordova.geolocation
After inst...
config.xml file in PhoneGap
Hello
Today we will discuss in details about the config.xml file in PhoneGap
The config.xml file allows developers to specify metadata about their application. To load the config.xml file correctly it should be at the top level of the appl...
iPhone orientation doesn't work in iOS 6 using config file with Phonegap Build
Solution 1: By adding UISupportedInterfaceOrientations
platroms/ios/{ProjectName}/{ProjectName-info.plist
add these lines:
For Iphone:
<key>UISupportedInterfaceOrientations</key>
...
How to use WebSql to store data in Phongap App
Hello
Today I am going to discuss about the use of WebSql in Phonegap.
In Phonegap, if you want to store data locally on device, Web SQL can be used. Most of the sql queries can be performed in Web sql using method openDatabase that takes 4 ...
Using IndexedDB in Phone Gap application
The IndexedDB is used to solve the problem of offline storage mechanisms that are supported by all the major browsers.It uses WebSQL implemented in browsers like Opera and Safari to expose IndexedDB API for web applications.
Websites are able to...
Push notification plugin for IOS PhoneGap
Hello friends, today we will learn how to implement push notification functionality in PhoneGap project. So please follow each step one by one to add push notification:
1. Plugin Instlation
For push notification in IOS you have to install p...
Show a Sheet of options the user can choose from with native effect
If you want to show a sheet of options where users can choose from, for IOS application, to make this possible please follow the instructions below:-
Install the plugin- ActionSheet: a Cordova plugin from the below link:
https://github.com/Ed...
