Our website is made possible by displaying online advertisements to our visitors. Please consider supporting us by disabling your ad blocker.

Prompt User To Rate Ionic Framework Mobile App

So you’ve released a great mobile app and have had a decent amount of downloads, but no one is rating or reviewing it. Downloads can be increased significantly by having a greater number of ratings.

So how do you encourage more downloads in your Ionic Framework Android or iOS mobile application? Thanks to a library created by Alex Disler called ng-special-offer, we can make use of Apache Cordova native dialogs to prompt users to rate or review based on application open count.

Read More

Use The Ionic CLI To Integrate Crosswalk Into Your Project

Not too long ago I wrote a very popular tutorial for integrating Crosswalk into your Ionic Framework mobile application. Since then, the guys at Ionic released version 1.3.2 of their CLI and it makes the process even easier than I had previously demonstrated.

The CLI integration is still beta and there is a lot of confusion around it, but this article should clear things up in regards to its usage.

Read More

Embed Video In Your iOS And Android Ionic Framework App

I’ve received a few requests from my subscribers for an article regarding embedding videos in their Ionic Framework application. This could be a challenging task for a few reasons. There are known issues with the HTML5 <video> tag for Android. One might also ask how to make the videos responsive for multiple screen resolutions.

In this guide, I’m going to show how to do responsive embeds of YouTube videos into an Ionic Framework list of cards.

Read More

Use Native Device Dialogs In Ionic Framework Mobile Apps

So you’ve been playing around with Ionic Framework for a while now and have decided that maybe $ionicPopup dialogs are not meeting your needs because they don’t look native enough. As we’ve come to expect, Apache Cordova has a plugin for us to correct this, giving us native device popup dialogs in our hybrid application.

This guide will show you how to use the Apache Cordova Dialogs plugin in your Ionic Framework Android and iOS mobile application.

Read More

Deploy Ionic Framework App With Pre-Filled SQLite DB

Recently I did an article regarding SQLite as an alternative to local storage in an Ionic Framework application. The article was a guide for using the Apache Cordova SQLite plugin for data management. Since writing that post, a few of my readers asked me how to ship an application with a pre-populated SQLite database.

A scenario where this might be useful is if you created a lookup directory for all the employees at your company. Let’s say you have 10,000 employees, so populating the data via a web request is probably going to take a long time. You could ship each version of your app with the most recent lookup directory, and use an API to update it. Since you’re only doing small changes after the initial, it is more effective than trying to download everyone.

This task is not difficult, but it could get a little confusing. Now I’m not going to show how to do the example scenario I mentioned, but the following should put you on the right path for working with pre-populated SQLite databases.

Read More

Making Tinder-Style Swipe Cards With Ionic Framework

The Tinder App recently got a lot of attention, especially the swipe cards are suddenly appearing everywhere. Ionic is already creating a solution for everyone to easily create these kind of cards with HTML5 and Javascript. Therefore, in this tutorial I will show you how to add Tinder-style swipe cards in your Ionic app with the help of a custom ion.

Read More

Access The Native Device Clipboard In Ionic Framework

There are often times where you would need to copy information from your mobile application to your devices native clipboard. Maybe you are making an address book application and you want to copy a phone number to the clipboard when you click on a contact. Doing this with native code can become a challenge.

Lucky for us, we are using Apache Cordova, and there is a plugin by Verso Solutions called CordovaClipboard. Using this in combination with the AngularJS extension set, ngCordova, can give us clipboard functionality with as little as four lines of code.

The following will explain how to make a simple Ionic Framework mobile application that uses the CordovaClipboard plugin with ngCordova.

Read More