Ionic 4 | Custom Pagination in Ionic Slider in 1 Step

This article is in continuation of my first post on Ionic Sliders. You can check my previous post on How to Create Multiple Slides on Single View. Ionic 4 Slider provides a default DOTS pagination style, here I will Quickly show how to add Custom Pagination in Two Following Ways

Continue reading Ionic 4 | Custom Pagination in Ionic Slider in 1 Step

Ionic 4 | Multiple Slides on Single View Using Swiper Slider

Ionic Framework provides a very powerful and fully loaded Slider which can be modified in any form. Ionic Slider is basically SwiperJS slider, it provides a number of ways a slider/ carousel can be built in a view. You can check it’s demo page, we can have similar Slider/ Carousel in the Ionic app using Slider Component.

Continue reading Ionic 4 | Multiple Slides on Single View Using Swiper Slider

Ionic 4 | How to Check Battery Percentage Using Cordova and Ionic 4.X Native Plugin

In Ionic Application, we can check battery Status of the mobile device using Cordova and Ionic Native plugins. By using these plugin we can call methods to get battery percentage and we can also check if the device is plugged to a power source.

Continue reading Ionic 4 | How to Check Battery Percentage Using Cordova and Ionic 4.X Native Plugin

Ionic 4 | How to Call a Number Directly from Ionic 4 Native Application

To make it more convenient, we can add a feature to make calls directly through the application. In this post, we will create an Ionic 4 application, in which we can directly call a number by using Cordova and Ionic Native plugins.

Continue reading Ionic 4 | How to Call a Number Directly from Ionic 4 Native Application

Ionic 3 | How to Add YouTube Video Player Native Plugin in Ionic 3.x Native Applications

In this tutorial, we will create an Ionic 3/4 application to demonstrate How to Add YouTube Video Player. We will Install the Cordova plugin and Ionic Native Wrapper to add functionality in Ionic 3/4 Application by using which YouTube’s Player can be opened to Play any YouTube video right from the Ionic application itself. To play a Video we need to provide the ID of video which we want to play.

Continue reading Ionic 3 | How to Add YouTube Video Player Native Plugin in Ionic 3.x Native Applications

Ionic 4 | Get Device Latitude, Longitude and Address using Geolocation and Native Geocoder Services in Ionic 4 Native Application

previously we implemented Geolocation and Geocoder plugins in Ionic 3 application, In this post, we will create an application in latest Ionic version 4 beta. Using Geolocation service we can get Lattitude, Longitude, Accuracy of location, Speed, Altitude etc of the device. After that Latitude and Longitude can be used to get Addresses available on these coordinates. To fetch address from coordinates of the device, we use Geocoder service.

Continue reading Ionic 4 | Get Device Latitude, Longitude and Address using Geolocation and Native Geocoder Services in Ionic 4 Native Application

Ionic 4 | Add Barcode/ QR Code Scanner/ Encoder Ionic 4 Native Plugin

In this tutorial, we will implement a Barcode or QR Scanner / Encoder plugin in Ionic 4 application. Barcodes and QR codes are widely used for multiple purposes like to add a link where a user doesn’t need to type the whole URL it can be easily scanned from a QR code. Barcodes can also be seen everywhere on the day to day items like eatables clothes etc, we can wimple scan these barcodes to get information like item code date of manufacturing, prices etc.

Continue reading Ionic 4 | Add Barcode/ QR Code Scanner/ Encoder Ionic 4 Native Plugin

Ionic 4 | Pull to Refresh functionality in Ionic 4.x Application

As seen in many Android native applications like chrome browser we usually have a user-friendly feature pull to refresh. A user just pulls or simply drag page down to some limit then, the current view is automatically got a refresh. Pull to refresh feature eliminates any need to tap or click somewhere.

Ionic provides the same component to add Pull Down feature in a hybrid environment. In this post, we will implement Pull Refresher in Ionic 4 application.

Continue reading Ionic 4 | Pull to Refresh functionality in Ionic 4.x Application

Ionic 4/3 | How to Integrate Google AdMob Advertisements

Now we have Ionic 4 beta version, which is updated and featured with latest stable Angular 6 version. Angular 6 is having many updates including the new version of Angular Material, CLI tool updates, support for building new libraries etc.

In Ionic 4 also we will have many new changes like the new component, navigation, lazy loading etc, you can read more about Ionic 4 updates on the official blog here.

So here will only discuss Google AdMob most beloved monetization options available for mobile app developers. Google AdMob provides a good source to earn from a free application and it is also very easy to implement in your new or existing Ionic application.

Continue reading Ionic 4/3 | How to Integrate Google AdMob Advertisements