Ionic Framework

Ionic 5 In App Version Check and Updater Dialog using App Update Native Plugin

In this Ionic 5/4 tutorial, we will discuss how to update the version from the application itself without leaving going to App Stores. This will open a dialog when there is a new application version is available, then a user can directly download the updated version. Whenever we update APK with the latest version on …

Ionic 5 In App Version Check and Updater Dialog using App Update Native Plugin Read More »

Ionic 5 Image Upload in Firebase with Progress Percentage Bar Tutorial

In this Ionic 5/4 tutorial, we will integrate Firebase services and see how to upload images in Ionic application with a progress bar indicator on the Firebase database. As we all know Firebase provides an awesome package of cloud services making the life of developers very easy. There is a wide range of tools available …

Ionic 5 Image Upload in Firebase with Progress Percentage Bar Tutorial Read More »

Ionic 5 Text to Speech using Cordova & Native Plugin Tutorial for Ionic Application

Ever wondered about a feature to convert text to speech? Yes, it’s possible to make you Ionic application speak the text. By using Text To Speech Cordova plugin we can easily add this feature in hybrid application. Text to Speech Ionic Native plugin can be used to read out text in local in a beautiful …

Ionic 5 Text to Speech using Cordova & Native Plugin Tutorial for Ionic Application Read More »

Ionic 5|4 Storage Tutorial in Ionic using Native Storage Plugin

Storage of information on a user device is very important and required in almost every application. This information saved on a user device can be of any type including user sessions, profile details, user or application settings etc. In Ionic application, we can store such information in WebView memory which remains even if the user …

Ionic 5|4 Storage Tutorial in Ionic using Native Storage Plugin Read More »

Ionic 5 Geolocation Camera clicking Pictures with Watermarked Latitude & Longitude Coordinates

In this article, we are going to learn how to watermark images in Ionic 5/4 applications using the WatermarkJs module. using which we will create a Geolocation camera. The application will take pictures from the device camera then watermark them with current location coordinates with Lattitude and Longitude. Sometimes users may need this functionality in …

Ionic 5 Geolocation Camera clicking Pictures with Watermarked Latitude & Longitude Coordinates Read More »

Ionic 5|4 Adding Camera using Native plugin in Ionic Application

In this Ionic 5 tutorial, we’ll discuss how to use Native Camera feature in an Ionic application and get pictures returning images as Base64 URL to show user Image taken. Hybrid applications are very quick to build but sometimes it becomes challenging to achieve some features which involve access to hardware like GPS, Network, Storage, …

Ionic 5|4 Adding Camera using Native plugin in Ionic Application Read More »

Ionic 5 Get Unique Device ID & Other Uid’s of UUID, IMEI, IMSI, ICCID and MAC using Native & Cordova Plugins

In this Ionic 5/4 tutorial, we’ll learn how to fetch unique identifiers of a native device like UUID, IMEI, IMSI, ICCID, and MAC in Ionic Angular application using Cordova and Native plugins. A device may have different types of IDs stored in it which are of different types and have different significance. Each device has this …

Ionic 5 Get Unique Device ID & Other Uid’s of UUID, IMEI, IMSI, ICCID and MAC using Native & Cordova Plugins Read More »

Ionic 5 Set Screen Orientation in LANDSCAPE/ PORTRAIT and Lock/ Unlock using Ionic Native Plugin

In this Ionic 5/4 tutorial, we’ll learn how to control screen orientation on an Ionic application into a Landscape or Portrait mode forcing and enforcing screen rotation using Cordova and Native plugins. In an Ionic application, we can easily force orient screen into Landscape or Portrait mode. In some situations developers need to show UI …

Ionic 5 Set Screen Orientation in LANDSCAPE/ PORTRAIT and Lock/ Unlock using Ionic Native Plugin Read More »

Ionic 5 Control Screen Brightness in Ionic App using Cordova and Native Plugins

In this Ionic 5/4 tutorial, we’ll get to know how to control screen brightness while using the Ionic application. We can adjust screen brightness and control screen sleep and wake-up behavior from the application itself. This is made possible by installing the Cordova and Native plugins which we are going to discuss. Device’s screen brightness …

Ionic 5 Control Screen Brightness in Ionic App using Cordova and Native Plugins Read More »

Ionic 5 Show Local Notifications in Ionic Application using Native Plugin

In this Ionic 5/4 article, we’ll learn how to show local notifications or push messages in Ionic Angular application. These Notifications can be sent from triggers within the app using Cordova and Native plugins with number of configurations available. Some of the applications may have some operations running on the device without any need for …

Ionic 5 Show Local Notifications in Ionic Application using Native Plugin Read More »

Ionic 5 Datepicker & Timepicker using Ionic UI Components Tutorial with Examples

In this Ionic 5/4 tutorial, how to add Datepicker and Timepicker in Ionic Angular application using Ionic UI components without using any Native plugins. Ionic supports a new Date and Time picker UI component which can be added in the application without any Native or third party module. Implementation of Ionic’s date and time picker …

Ionic 5 Datepicker & Timepicker using Ionic UI Components Tutorial with Examples Read More »

Ionic 5 Radio Button Lists & Group using ion-radio Component Tutorial with Examples

In this Ionic 5/4 tutorial, we’ll discuss how to create a dynamic list of radio button lists using groups in Ionic Angular application. In Ionic Framework we use the ion-radio and ion-radio-group to create a radio control field component. Radio control is used to select a single value from a group of selection controls. The …

Ionic 5 Radio Button Lists & Group using ion-radio Component Tutorial with Examples Read More »

Ionic 5 Make HTTP Calls and Handle Responses Easily Using an Interceptor

Applications with dynamic data call from REST API to get updated, these calls are mainly of POST or GET type. In Ionic 5 using Angular 9, we use HttpClientModule to make these POST or GET requests. After Angular 4.3 the concept of Interceptors was introduced, using which we can override the HTTP calls to handle …

Ionic 5 Make HTTP Calls and Handle Responses Easily Using an Interceptor Read More »

Scroll to Top