Main Content

Please wait...
Getting the user's current location from the device is easy when you find the best plugin. I tried many plugins but couldn't succeed. Finally, I found two plugins. Geo Location (Cordova-plugin-geolocation) This plugin gives us the device’s current location such as latitude and longitude. Common sources of location information include Global Positioning System (GPS) and location inferred from network signals such as IP address, RFID, WiFi and Bluetooth MAC addresses, and GSM/CDMA ......Read More

Use customized icon in Ionic

Ionic has provided us with most of the icons that can be used for the development of our project or any sort of application. But there is the limitation to the icons provided by this framework. Most of us might want to use some other glyph-icons or self-designed icons. Before adding the customize icons, one needs to be clear that the icons are actually represented by the font. The steps that need to be followed to add your own custom icons in ionic can be given as: First to generate the font of ......Read More

How to make the two side-menu in ionic?

We assume that we have installed everything that we need. Or if you haven’t pleased look on this previous article for how to start mobile app development with ionic? Let’s start the Two-side-menu ionic project. Open the terminal or node.js command type this command to create the new project on ionic. ionic start Two -side-menu sidemenu cd Two -side-menu ionic serve will open the default browser and display this page. Now open the app.html and replace the code as below. &lt ......Read More
Ionic is a complete app development kit, it was founded in 2012, using web technologies to native apps. Ionic is open source Framework development kit or SDK and it easy to use for a developer. It helps us to develop the high-performance multiplatform mobile application with Javascript, CSS and HTML5. Those apps make a look and feel beautiful on any platform or device. Ionic Benefit: Ionic is an open source framework free platform. Hybrid development so you can work easily on IOS, ANDROID ......Read More
Firebase Cloud Messaging (FCM) is the latest push notification service of Google. In this article, we will see how to integrate FCM in a Cordova project and send the notification to devices. Create Cordova Project: "cordova create push com.test.pushnotification push" Setting Up FireBase: Firstly, we must create an Android app in Firebase. Login to with your google account. Select “Add Project”. Provide project name. Click on Crea ......Read More
In this article, I am going to explain ,"How to Upload Images to the server using Cordova File Transfer Plugin and Asp.Net core Web API". Requirements Web API (you can use local IIS servers to host your API) Cordova Camera Plugin (cordova-plugin-camera) Cordova File Transfer Plugin (cordova-plugin-filetransfer) Steps 1. Build core Web API. 2. Camera Plugin to use mobile camera. 3. Upload Images using File transfer plugin. SERVER SIDE: Follow the link below to built Image Upl ......Read More

How to Make Google Sign-In Cordova?

Let’s start making Google sign in Cordova. I create this project on Visual Studio 2017 My system Cordova version 6.3.1, Cordova android version 5.2.1 (you can see on Config.xml (in code view eg: engine name="android" spec="5.2.1" ), cordova-plugin-googleplus (eg: plugin name="cordova-plugin-googleplus" spec="~5.3.0"). Create a New Project. Create a project on google console ( Set up your application’s Code. Install the Dependencie ......Read More

Capture and load Image in Cordova

1. Create New Cordova Project on Visual Studio. 2. Go to Config.xml 3. Go to Plugins 4. In core, you can find Camera plugin (cordova-plugin-camera) and click on add. you can see your installed plugin on config.xml (code view). <plugin name="cordova-plugin-camera" spec="~2.4.1" /> 5. Add one Button and one Div on your index.html <input type="button" id="TakePhoto" value="Take Photo"/> <div id="ViewPhoto"></div> 6.In Index.js, create Click Event on TakePhoto Butt ......Read More
I am facing the problem when running my Cordova projects on my android phone. "Could not find gradle wrapper within Android SDK. Might need to update your Android SDK. Looked here: C:\Users\SIW\AppData\Local\Android\Sdk\tools\templates\gradle\wrapper And looking for the solution on google on hours. It was not an SDK issue. Google has changed the location of a gardle wrapper in their SDK which was causing Cordova not being able to find it. We have to install the new version of android-platf ......Read More