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. […]
Ionic 5 Range Slider Example – Single, Multiple Markers on Bar with Custom Styling Read More »
In this tutorial, we will be discussing how to add Auth Guards in an Ionic 6 Angular application to limit page access. Auth Guards are used to restrict access to certain pages in the app based on user authentication status. This can be useful for pages that contain sensitive information or require a user to
Ionic 6: Adding Auth Guards in Angular to Limit Page Access Read More »
In this Ionic tutorial, you will learn how to implement and create popovers in the ionic application based on Angular Framework. We will understand and implement popovers in Ionic, using Cordova and Capacitor. Ionic’s latest version provides a wide variety of UI toolkits and facilitates the creation of high-quality cross-platform applications. In this guide, we
Ionic 6/7 Popover in Angular – Example Application Tutorial Read More »
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.
Ionic 6 Google Map, Geocoder & Places Search, Draggable Marker Tutorial Read More »
Running an Ionic 6 Angular app in the background, even if it is killed by the user, can be achieved by using the Ionic Native Background Mode plugin.
Running an Ionic 6 Angular App in Background: A Step-by-Step Guide Read More »
In this tutorial, we will be discussing how to integrate Admob Plus Cordova plugin in an Ionic 6 Angular application. Admob Plus is a Cordova plugin that allows you to monetize your mobile app by displaying ads from Google Admob. This plugin supports both Android and iOS platforms.
Ionic 6 Admob Plus Cordova Integration in Angular Application Read More »
In this Ionic tutorial, you will learn how to migrate the Ionic Content Slider to the latest v6 implementation. Ionic Framework used Swiper Js slider in its slider till version 5. In which it creates its own Ionic-Swiper UI components to facilities Ionic developers. But in the latest version 6, the Ionic team has decided
Ionic 6 Slides using Swiper.js Tutorial by Examples Read More »
While running any of the following commands: cordova requirements android –verbose ionic cordova build android you may face an issue saying: Error: Cannot find module ‘cordova-android’
[Resolved] Error: Cannot find module ‘cordova-android’ Read More »
You may see this issue while building the Ionic Cordova application for Android * What went wrong: A problem occurred evaluating script. > No usable Android build tools found. Highest 30.x installed version is 30.0.2; Recommended version is 30.0.3.
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:
[Resovled] Gradle: not installed Could not find an installed version of Gradle… Read More »
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’
[Resolved] Can’t resolve ‘@ionic-native/core’ in … Read More »
In this Ionic 5/4 tutorial, we will learn how to configure Status bar showing on top of the mobile screen in multiple platforms like Android, iOS, and Windows. We will use Cordova and Ionic Native plugin to change color or status bar and also change its behavior to overlap the review.
Ionic 5|4 Status Bar Config color, hide, overlap using Cordova & Native Plugin Read More »
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
Ionic 5 Native In App Purchase Tutorial with Example Application Read More »
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
Ionic 5 Adding Vibration Ionic Example Application using Cordova & Native Plugins Read More »
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.
Ionic 5 Progress Bar using ion-progress-bar Component Tutorial with Example App Read More »
