Ionic Tutorials - Build Cross Platform Apps
Maybe you’re making an app that distributes reminders or requires some kind of notification. You don’t necessarily need push notifications, but you would still like notifications. This could be a challenging task in native Android and iOS development.
Lucky for us, we can make use of the Apache Cordova local notifications plugin created by Sebastian Katzer in our Ionic Framework project.
[Read more…] about Using Local Notifications In Your Ionic Framework App
Recently I was working on some app and wanted an opportunity for the user to write something down. As I was working with the html5 canvas, I found a very good looking library which I want to show you today: The signature pad. This library allows to draw on your device, with not just a normal bold line but with a quite realistic appeal. Let’s make a simple app to test it!
[Read more…] about Making a Signature Drawpad with Ionic
Today I will show you how to add the pull to refresh feature in your Ionic app. This little add-on is very well know from all kinds of apps which need to refresh some content in a modern way. Furthermore we will include a toast message which will be displayed when the refreshing has finished.
[Read more…] about Add Ionic Pull to Refresh with Toast Message
Lately I explained how to create a simple login with username and password in an ionic app. This time, we will change the old looking standard login to a much cooler login: A login with a android like lock pattern. For this, we will include a JS library I found on the internet and jQuery.
[Read more…] about Making a Lock Pattern Login with Ionic and AngularJS
Lately I explained how to take photos and how to capture videos and store them within your apps directory. Due to a wish of you, this time I will show you how to present images and videos properly in your ionic app. Therefore, we will create a simple media popover using ionic modal overlay and the ionic slide box to slide through images. I will just load some local files as it’s a bit annoying to always take a photo/video first to see how it works, but you could just change the URLs I use for local files to your URLs to your captured media files.
[Read more…] about Display Images and Video Player using Ionic
Recording videos from your app can be a substantial part, and with Ionic and ngCordova it’s no problem at all! In this tutorial I will show you how to record videos through a video service, and use the returned video data to save the material inside your application folder. On this way, you can be sure the videos will exist even when the user deletes them from his library, which could otherwise lead to hard crashes.
[Read more…] about Capture and Store Videos with an Auto-generated Thumbnail in your Ionic App
Many times you may want to have a login at the beginning of your app. Handling a login with Ionic and Angular is very straight forward. For the purpose of creating this Ionic Login Example, I will use a simple starting template from the Ionic guys und just add a login before the template app shows.
[Read more…] about Simple Ionic Login With AngularJS
Sending emails from your ionic app is no trouble at all, because here comes a tiny plugin which will help us with everything. Getting images into the mail can be a bit tricky, but if you know which string to pass to the mail function, this won’t be a problem as well. So let’s see how everything works together.
[Read more…] about Sending Emails with Images using Ionic and Cordova
From time to time you may want to capture images with your app, either from camera or from the users library. But just keeping a reference to it won’t help if the user deletes the images from hist photo library. Therefore, you need to store them local in your apps directory. I will make use of the ngCordova module, which is a simpler library from the ionic guys of the cordova stuff (great job btw @ionic).
[Read more…] about How to Capture and Store Images with Ionic
Get the free 7 day Ionic 4 Crash Course to learn how to:
The course is free, so there's nothing you can lose!
