Ionic 4 | Crop Images selected from Image Selector show in 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 behavior should be easy to use and of course easy to implement 😛

Continue reading Ionic 4 | Crop Images selected from Image Selector show in base64 format using Native plugins

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

A device may have a different type of ID’s stored in it which are of different type and have different significance. Each device has this type of ID’s but in unique and distinct values. These ID’s can be a Unique Device ID, IMEI Sim number, MAC Address, etc. Continue reading Ionic 4 | Get Unique Device ID & Other Uid’s of UUID, IMEI, IMSI, ICCID and MAC using Native & Cordova Plugins

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

In an Ionic application, we can easily force orient screen into Landscape or Portrait mode. In some situations developers need to show UI of application in a specific layout, this plugin can help to lock/ unlock screen orientation by calling a simple method. Continue reading Ionic 4 | Set Screen Orientation in LANDSCAPE/ PORTRAIT and Lock/ Unlock using Ionic Native Plugin

Ionic 4 | Show Local Notifications in Ionic 4 Application using Native Plugin

Some of the applications may have some operations running on the device without any need for network connections. In that case, we may want to show some type on notifications like reminders, alerts of some notifications other then push messages. Such type of notifications which are pushed by the locally installed app in the device is local notifications.  Continue reading Ionic 4 | Show Local Notifications in Ionic 4 Application using Native Plugin

Ionic 4 | Adding Multi Language Translation Feature in Ionic Application using ngx-translate

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 files in the assets folder.

Continue reading Ionic 4 | Adding Multi Language Translation Feature in Ionic Application using ngx-translate

Ionic 4 | 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 4 using Angular 7, 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 their requests and responses.

Continue reading Ionic 4 | Make HTTP Calls and Handle Responses Easily Using an Interceptor

Ionic 3 | Add Modals in Ionic 3 Application using Latest Ionic CLI v4.12.0

In this post we will discuss on How to Add a Modal in Ionic 3 Application with Latest Ionic CLI (v4.12.0) for Adding Modals in Ionic 4 App check this post

Continue reading Ionic 3 | Add Modals in Ionic 3 Application using Latest Ionic CLI v4.12.0

Angular 7 & Ionic 4 | Adding Scratch Cards like Google Pay in Ionic Application using Javascript Liberary

Compatible with Ionic 4/3 and Angular 2 – 7 Web Applications

These days you may have seen many Payment applications like Google pay, PayTm, PhonePe, etc having scratch cards where users can scratch like real one to reveal offers or points.

In Ionic as well we can create similar Scratch Cards effect, loved by users as it involves user interactions and a touch of suspense. These Scratch cards are very much popular and seen in many applications.

Continue reading Angular 7 & Ionic 4 | Adding Scratch Cards like Google Pay in Ionic Application using Javascript Liberary

Ionic 3/4 How to Change CSS Custom Properties of UI Components

The ionic framework provides very beautiful UI Components like custom buttons, select boxes, loaders, alerts, toasts, checkboxes & radio etc.

These are fully customizable with many options like for example if we take a button, we can easily change its color, shape, fill style with various available options given on respective UI component docs like for button it here

But for custom branding and modification of application to a specific style may need deep style management of each and every UI component. The ionic framework is really a great platform which makes customizations and styling of Ionic web components very easy.

Continue reading Ionic 3/4 How to Change CSS Custom Properties of UI Components

Ionic 4 | Turn on Device GPS in Ionic 4 Application Without Leaving App using Ionic Native Plugin

In Ionic Application which is using Geolocation get device location coordinates like latitude and longitude may need more accuracy. Device Geolocation service can location coordinates using the network, WiFi Bluetooth but for more accurate location device GPS option must be turned on, which can provide Location accuracy up to 10m which proves quite good for real-time and delivery applications.

In this post, we will discuss How to Turn on Device GPS option from Ionic 4 Application itself, so that user does not need to leave application. We will use Cordova and Ionic Native plugin, which will prompt the user to turn on GPS.

Continue reading Ionic 4 | Turn on Device GPS in Ionic 4 Application Without Leaving App using Ionic Native Plugin