Setting StatusBar manually for Cordova application using cordova-plugin-statusbar

We've couple of Android and IOS apps which was made using Cordova. After upgrading our cordova-ios and cordova-android versions we were facing some issues with native status-bar.

The status-bar content and page content were getting mixed up, making user unable to perform any operations provided in the header.

enter image description here

While looking for solution we found cordova plugin cordova-plugin-statusbar which provides some functions to customize the iOS and Android StatusBar. To use this plugin we need to add...

Read complete blog post

App rate and review feature using cordova-launch-review plugin

Many times App's rate and reviews decides app's success. Reviews by user's are important part of app and decides what are good things about our app and what improvements are needed.

Now a days its common to provide Rate & Review button or link that will redirect to app store or play store.

If we have cordova app then we can simply do it in following way using js. We can identify whether device is android or ios and accordingly open it in window.

$('#rate-app').on('click', function(e) {...

Read complete blog post

Imgcache Plugin to store images offline for Cordova Applications

Introduction

  • Image Cache is JS library used to provide a nice interface for locally storing images for offline apps using PhoneGap/Cordova.
  • This library is especially useful for mobile web applications using Phonegap/Cordova where image becomes stale (invalid) after normal offline navigation. therefore in this case we can not relied upon Normal Cache.
  • So by using image cache we can store images in the cache and replace the stale version of normal cache with fresh version of image cache.
  • This...

Read complete blog post

Writing binary file in Cordova and uploading it to server using Cordova File Transfer plugin

Cordova File Transfer plugin allows you to transfer / upload photos from mobile to server. You generally need a file with path for transferring / uploading files via File Transfer plugin.

More information on how to use Cordova File transfer plugin can be found here.

This plugin won't help much when we have a Base64 image (usually a drawing or signature drawn on canvas). To upload such images we can do:

  1. take your base64.
  2. write it to a file.
  3. then just use file transfer plugin to upload it to...

Read complete blog post

Photo upload from phone-gallery or phone-camera in Ember-Cordova Application

Currently am working on Ember Application, and for the same we have also developed cordova application using ember-cli-cordova plugin https://github.com/poetic/ember-cli-cordova

In this application, we have a photo upload feature. Using cloudinary.js, we upload it directly to cloudinary on photo-selection.

In web-application, we have added a hidden file input field, and on-click of "Add Image" button, we triggered click event on that file-input.

In Cordova-App, It works fine and just allows...

Read complete blog post