Ionic Framework

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 Image Crop and Image Picker convert into base64 format using Native plugins

In many applications, we usually face some situation where we need to get Cropped images from users during form submissions. Cropped images are usually small in size and have only that part of an image which is required. Image crop behaviour should be easy to use and of course easy to implement 😛

Ionic 5 Image Crop and Image Picker convert into base64 format using Native plugins 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 4 Bottom Sheet Example – Action Menu Sliding Up without Native Plugin

In iPhones, you may have noticed that action options are shown in a sliding menu which pops out above screen sliding in from the bottom. This is known as Action Sheet dialog mainly used to show some action buttons like in Facebook app they show options to report or flag post/images.

Ionic 4 Bottom Sheet Example – Action Menu Sliding Up without 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 »

How To Use ngx-translate with Ionic 5|4

Mobile applications are built for a wide audience and different countries, so it’s sometimes become important to present your application to people in their local language. In this post, we will talk about a powerful library popularly known as nxg-translate. Application text content can be translated into languages which are selected and have related JSON

How To Use ngx-translate with Ionic 5|4 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 »