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 4 | Ion Reorder List/ Drag & Drop Sorting List in Ionic 4 using ion-reorder Component

In this post, we will discuss Ionic’s Reorder component. IonReorder component adds Drag and Drop feature to list items using which user can change the order of items. Such sorting or reorder functionality is found in many places like Song Ques, Todo list items etc.

Continue reading Ionic 4 | Ion Reorder List/ Drag & Drop Sorting List in Ionic 4 using ion-reorder Component

Ionic 4 | Adding Ion Loading Web Component in Ionic 4 Angular Application

Like the native Android apps, we can show Loader with a loading animation and a message in Ionic Application using ion-loading component. Here we will implement ion-loading using Ionic’s latest CLI version 4.12.0 with Ionic 4.1 Hydrogen which is the latest stable release now.

Continue reading Ionic 4 | Adding Ion Loading Web Component in Ionic 4 Angular Application

Ionic 4 | How to Scroll to Top / Bottom using Ion Content Scroll Events

In this post, we will discuss Scroll Events available in Ionic 4 IonContent using which we can scroll Ionic page content to Top, Bottom or to any point providing X Y axis.

Continue reading Ionic 4 | How to Scroll to Top / Bottom using Ion Content Scroll Events

Ionic 4 | How to Select All/ Unselect All Checkboxes with Indeterminate in Ionic 4

Ionic team release the latest version Ionic 4.1 Hydrogen, in which they have introduced Checkbox Indeterminate state. Indeterminate state is mostly used in Master checkbox which indicates the child checkbox list.

Indeterminate checkbox state indicates that not all but some of the checkboxes are checked.

Continue reading Ionic 4 | How to Select All/ Unselect All Checkboxes with Indeterminate in Ionic 4

Ionic 4 | Adding Toasts in Ionic 4 Application using UI Components without Plugins

In most of the applications these days whether they are mobile or web-based show information notifications in the form of toasts. Toasts are used in application to notify users are operational feedbacks like an error message, success alert or update information notification.

In the Ionic application as well we have beautiful Toast UI components which can be used without any plugin. In this post, we will add Ionic Toasts in few steps and also discuss some of the basic methods like Creating, Positioning and Dismiss toasts.

Continue reading Ionic 4 | Adding Toasts in Ionic 4 Application using UI Components without Plugins