Ionic 4 | Add Screen Brightness Slider in Ionic 4 Application using Native plugin

Device’s screen brightness control is sometimes required to adjust screen visibility. A user generally adjusts screen brightness using quick menu by sliding down on the screen. In the Ionic application, we can programmatically adjust the screen brightness using a Native plugin.

Continue reading Ionic 4 | Add Screen Brightness Slider in Ionic 4 Application using Native plugin

Resolved! Failed to install the following Android SDK packages as some licences have not been accepted.

During deployment or debugging process you may face problem in Ionic CLI similar to this onError Continue reading Resolved! Failed to install the following Android SDK packages as some licences have not been accepted.

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 | Add Bottom to Up Menu / Action Sheets in Ionic Application 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.

Continue reading Ionic 4 | Add Bottom to Up Menu / Action Sheets in Ionic Application without Native Plugin

Ionic 4 | Add Date & Time Picker in Ionic 4 Application without Native Plugin

Ionic 4 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 is very easy and very flexible in terms of formatting date time formats of adding any min or max validation.

In this post, we will discuss How to Implement Date & Time picker in Ionic 4 application with formatting and validation.

Continue reading Ionic 4 | Add Date & Time Picker in Ionic 4 Application without Native Plugin

Ionic 4 | Add Radio Lists in Radio Group Example and Tutorial

After the release of Ionic 4, the team has changed many of the UI component directives and properties. In this post, we will discuss Radio and Radio Group UI web components available in Ionic 4.

In Ionic 4 we can add Radio form fields by simply adding <ion-radio> directive in web component which is converted into a customized Radio element.

Continue reading Ionic 4 | Add Radio Lists in Radio Group Example and Tutorial

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

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