Ionic 5 Range Slider Example – Single, Multiple Markers on Bar with Custom Styling

Ionic Range Slider with draggable tick icons on the scaling bar; In this Ionic 5 tutorial, you will learn how to add a Range slider using the build-in UI components in the Ionic Angular application. A range slider component consists of draggable markers, which can be dragged on a defined bar to select a value.…

Continue reading Ionic 5 Range Slider Example – Single, Multiple Markers on Bar with Custom Styling

Ionic 6 Google Map, Geocoder & Places Search, Draggable Marker Tutorial

In this Ionic 5/6 tutorial, you will learn how to add Google Maps in the Ionic application using the latest @angular/google-maps package module by following a few easy steps. Google Maps implementation tutorial using @angular/google-maps 2022. The Google Map will have places search bar and Geocoder to display the address where the marker is dragged.…

Continue reading Ionic 6 Google Map, Geocoder & Places Search, Draggable Marker Tutorial

[Resovled] Gradle: not installed Could not find an installed version of Gradle…

While building the Ionic Cordova application you can check all the required paths are set by executing the below command: cordova requirements android –verbose This command will tell you if any of the required paths of Java, Android Studio or Gradle is missing and having any issue. The output looks like as shown below:

[Resolved] Can’t resolve ‘@ionic-native/core’ in …

While building the Cordova Ionic application, you may face following issue when using the Native plugins like Admob, QR Scanner etc Module not found: Error: Can’t resolve ‘@ionic-native/core’ in ‘D:\JollyLab\Ionic\ionic-admobfree-demo-cordova\node_modules\@admob-plus\ionic\ngx’

Ionic 5 Native In App Purchase Tutorial with Example Application

In this Ionic 5/4 tutorial, we’ll integrate In-App Purchase functionality in Android and iOS applications using Cordova and Ionic Native plugins. The In-App Purchase feature allows a user to buy from a list of available products in the Application store. Use can make purchases from a list of items available make payments and also restore…

Continue reading Ionic 5 Native In App Purchase Tutorial with Example Application

Ionic 5 Adding Vibration Ionic Example Application using Cordova & Native Plugins

Hey there, in this Ionic 5/4 tutorial, we are going to implement a native vibration feature in an Ionic application using the Cordova plugin and its Native wrapper for Angular. To use the Vibration feature, the application needs to access the hardware components of the real device. In high-level programming languages like Java, Dart, etc…

Continue reading Ionic 5 Adding Vibration Ionic Example Application using Cordova & Native Plugins

Ionic 5 Progress Bar using ion-progress-bar Component Tutorial with Example App

In this Ionic 5/4 tutorial, we’ll learn how to implement a vertical progress bar UI component in Ionic Angular applications. Ionic Framework provides a wide variety of UI components so that we barely need to create our own. The progress bar UI web component is added in the Ionic application by using the ion-progress-bar directive.…

Continue reading Ionic 5 Progress Bar using ion-progress-bar Component Tutorial with Example App

Ionic 5|4 Fingerprint AIO Authentication for Android & iOS Example Application

In this Ionic 5/4 tutorial, we are going to implement Fingerprint Authentication Biometric Scanner in Ionic Angular application for Android and iOS platforms with an example application. Most of the modern Android and iOS devices come with Fingerprint sensors to secure the device and its application using biometric credentials. These biometric details can be used…

Continue reading Ionic 5|4 Fingerprint AIO Authentication for Android & iOS Example Application

Ionic 5 Alert, Confirm and Prompt Component Tutorial with Example Application

In this Ionic 5/4 tutorial, we’ll learn how to show Alerts, Confirm and Prompt message overlays in an Ionic application by using the AlertController available in UI components of Ionic Framework.   What are Alerts? To quickly draw the attention of a user, we generally show an Alert message which can display a text message…

Continue reading Ionic 5 Alert, Confirm and Prompt Component Tutorial with Example Application

Ionic 5 Ion-Slider with Cube, Fade, Flip and Coverflow effects Tutorial

In this tutorial, we’ll add Ionic Slider in Ionic 5 Angular application and implement sliding effects like Cube, Fade, Flip and Coverflow as animation transitions during the carousel navigation. The ionic framework provides an Image or content slider which is very popular due to flexible and awesome configuration ability. The ion-sliders UI component is used…

Continue reading Ionic 5 Ion-Slider with Cube, Fade, Flip and Coverflow effects Tutorial

Ionic/ Angular Create Mock server using json-server and faker to test HTTP APIs

Today, in this post we will discuss How to create a mock server using json-server and faker library package which acts like a real server and can help to test client-server communication without any need for a real server. In a real-world application which serves dynamic content in the application is connected to a server…

Continue reading Ionic/ Angular Create Mock server using json-server and faker to test HTTP APIs

Ionic 4|5 Checkbox List Required Validation using Reactive Forms

In this article, we will discuss How to validate multiple checkboxes in Ionic 4|5 application using Angular Reactive Forms. Here we will have a list of the checkbox which can be selected or unselected using a single master checkbox and also individually. We will add validation on checkbox list using Reactive form approach provided by…

Continue reading Ionic 4|5 Checkbox List Required Validation using Reactive Forms

Ionic React | Adding Barcode QR Code Reader Generator App Example

In this tutorial, we will learn How to implement Barcode or QR Code reader and generator in Ionic React application using Native plugin. Using Ionic Frameworks Native plugin we can easily scan or generate QR codes. In the previous tutorial, we have already discussed its implementation in Ionic application based on Angular framework. But here…

Continue reading Ionic React | Adding Barcode QR Code Reader Generator App Example

Ionic 5|4 Slide Side Menu Navigation Drawer Tutorial with Example Application

In this Ionic 5/4 Tutorial, we’ll learn how to add the Sidebar navigation menu in an Ionic Angular application. A sidebar navigation menu is inspired by native Android and iOS applications. Ionic based hybrid application can also add a similar type of Sidebar navigation drawer easily with the help of UI components provided by Ionic…

Continue reading Ionic 5|4 Slide Side Menu Navigation Drawer Tutorial with Example Application