Featured
-
No Featured Found!
Tags
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 ...
Ionic Framework - $ionicActionSheet service in ionic module
Hello Readers,
In this post we will discuss about $ionicActionSheet service. It is a slide-up pane with various options as per requirement.There are easy way we can close this slide-up pane by hitting Cancel button on it or in desktop escape k...
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...
Cordova - Social Sharing Plugin
Hi All,
In this post we will discuss about Cordova social sharing plugin. Now adding social media in your app become easy with this plugin.You can share text, images or a Url via this plugin.
About this plugin:
This plugin use native ...
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...
Ionic Framework - $ionicPopup service in module
Hello Readers,
In this post we will discuss to generate popup on click on button using $ionicPopup service in ionic framework.
Basically, Usage of popup windows in application is to guide the user to what to do next?
$ionicPopup provides...
Cordova Geolocation API and Google API- To get from lat/long value
Cordova Geolocation API and Google API- Getting address, city name, state and country name from latitude/longitude value
Hello Readers,
In this post we will discuss to get the current address, city name, state and country name from latitude...
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...
Ionic Framework - ion-infinite-scroll
Hello Readers,
Today, We will discuss about on of the Ionic Framework directive ion-infinite-scroll.
ion-infinite-scroll directive allows you to load more data when you reach bottom of the page.
Code snippet to understand the functionali...
Ionic Framework - ion-slide-box
Hi All,
This blog is about ionic framework functionality ion-slide-box. Ionic framework has some beautiful features one of them is ion-slide-box. It is a directive that allows you to create simple and smooth slider in mobile application.ion-sl...
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...
Custom iOS Plugin For Phonegap
Hi All,
A Plugin is a program, or a set of one or more functions, written in the objective-c/swift language, that adds a specific set of features or services to the Phonegap app, which can be seamlessly integrated with the Phonegap using acces...
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...
steps to upload .ipa to apple store
Hello
Today, we will discuss about the tasks that need to carried out in order to upload an .ipa to the apple store.
Following are the things that need to be accomplished to upload the .ipa file:
Prepare the PhoneGap Build to produce ...
Showing confirm dialog box using cordova-plugin-dialogs
This plugin provides us some native dialog elements that are much more customizable than the browers dialogs.
There are some methods in it:-
navigator.notification.alert
navigator.notification.confirm
navigator.notification.prom...
Localization with Ionic Framework and Angular Translation
Hi All
Today we will discuss about how to Localize Ionic application.
We have a JavaScript library for AngularJS "Angular Translate".
It allows you to Translate your application depending upon language you desire.
It will provide a great way...
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...
Cordova plugin InAppBrowser
Hi All,
Today we will discuss in this blog how to use InAppBrowser in your Cordova Application.
-InAppBrowser is a web browser view in a Cordova application that displays when calling window.open() function.
To use the functionality in your C...
Find Application Version in Ioinic Framework App.
Hi All,
Today we are going to discuss, how we can find application version in Ionic Framework App.
Let's start by creating new Ionic Framework project with Android and iOS platform.
To create a new Project follow below command:
ionic star...
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 include HTML file in PhoneGap
Follow the below steps to include a PhoneGap HTML file.-
1-The format-detection this meta tag smiply disables the abilty for device.
2- The msapplication-tap-highlight" meta tag is a only tag which disable tap highlighting for links.
3-The "...
Phonegap / Cordova selecting multiple photos
Cordova camera plugin allow user to select one picture at a time. However, we can show all pictures selected by gallery or captured by camera one by one by following code:
view file:
<div ng-controller=MultipleSelEx>
<div class=...
How to Sign PhoneGap Apps?
Hi All,
Today we will discuss in this Blog how we can Sign PhoneGap Apps.
First of all we need to create a new project
cordova create practiceProject com.example.practiceProject demoProject
cd practiceProject
Now mak...
PhoneGap-How to handle Push notification when application is resumed?
Hello friends,
As we have seen, cordova push plugin only provides access to notification action when we click on notification from status bar, but if we want to perform that action without clicking on notification we have to add some extra code....
$scope in Angularjs
Hi All,
Today we will discuss about "$scope in Angularjs".
First of all what is $scope ?
A $scope is an object instance of a controller. When ng-controller directive is encountered at that time $scope gets created.
For example:
In the bel...
How to install Cordova in Ubuntu
Hello friends, If you would like to install Cordova in Ubuntu please follow the below commands:
First we install Node Package Manager
sudo apt-get install npm
Now we need to install Node.JS
sudo apt-get install python-software-properties
...
Dependency injection using Factory in Angularjs
HI All,
Today we are discussing about Dependency injection using factory in Angular js.
What is Factory ?
Factory is a function which is used to return value.
Where we creates value whenever a service or controller requires.
In which w...
How to configure PhoneGap project in Eclipse
To configure PhoneGap project in Eclipse follow the below steps-
Step -1 Go to Terminal
Step -2 Install frist - $ sudo npm install -g cordova.
Step -3 $ cd Desktop/
Step - 4 $ cordova create Raj007 com .example.Raj007 raj
Ste...
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...
Phonegap apps plugins installation issue
When we use cordova plugin in phonegap apps, sometimes we get plugin installation error. We can get rid of from this error by first installing plugman.
The code to install plugman is given below. hit it in terminal and then we can install cam...
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...
How to Implement WebView in Android Based PhoneGap Application
Hello
Today we would discuss about Embedding Webview in Andorid based PhoneGap Application:
Before starting let us have a formal introduction about the Webview:
It is a View that displays web pages. It is a class through which we can di...
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...
Facebook integration with PhoneGap
Hi All,
In this blog post we are going to discuss how to integrate Facebook with PhoneGap.
To integrate Facebook with Android you need to register your app with Facebook first.
To register your App with Facebook follow below steps:
1. Navig...
Phone gap issue: Android Build fails - "ANDROID_HOME is not set"
Hello
In today's blog post we will discuss about a common error that occurs while building an Android based project in Phone Gap.
Phone gap issue: Android Build fails - "ANDROID_HOME is not set"
To get rid of this error you need to i...
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...
How to Use Camera with PhoneGap?
Hello Readers,
This blog will demonstrate Camera functionality in cordova application.
So lets start
First of all, you need to install following plug-in through CLI (Command Line Interface)
$ cordova plugin add org.apache.cordova.camera...
Setup Push Notification with PhoneGap and Android
Hello All,
If you want to setup a push notifications with PhoneGap and Android, here below I am providing the guidelines, you only have to follow the steps one by one-
So first of all you have to install push plugin for PhoneGap.
The plugi...
