Ionic 3 Toast Not Hiding Issue using Toast Controller Workaround!

Ionic 3 provides Toast Controller using which we can have close enough toasts like native applications. Toasts prove very helpful in making user interfaces more friendly, we can alert users for small information like data processing, please wait, It’s Done! like messages.

Continue reading Ionic 3 Toast Not Hiding Issue using Toast Controller Workaround!

AngularJS – Image Crop Directive with Resize in Angular 1.x

Many web application has a feature to upload media including images, this can be for any purpose like Uploading some document, uploading screenshots, Updating profile images. To provide a user-friendly interface for uploading we can add an Image crop tool on the client side so that user can crop the desired portion of Images to be uploaded. On another side, it also helps in reducing disk space occupied by images as cropped images have lesser size.

Continue reading AngularJS – Image Crop Directive with Resize in Angular 1.x

CSS & jQuery – How to Disable Text Selection Highlighting?

In some cases, we don’t want others to copy selected text. To prevent text on a webpage we can opt for CSS, Pure JavaScript or jQuery solution. We will discuss one by one.

Continue reading CSS & jQuery – How to Disable Text Selection Highlighting?

How to Test Touch Behavior in Google Chrome

Ever wondered to test touch events on Web Browser itself? Yes! it’s possible to emulate touch events and behavior in chrome browser. Many Ionic developers sometimes need to test touch events, then the only option left is to run the application in the real device.

Here we will discuss How to Enable Touch sensors in Google Chrome?

Continue reading How to Test Touch Behavior in Google Chrome

Chrome Update 70.XX – AngularJS ng-value not working properly

In one of our older application using AngularJS 1.5.8 version faced an issue today after getting latest update Chrome Browser to 70.x, In a place I used

Continue reading Chrome Update 70.XX – AngularJS ng-value not working properly

Ionic 3- Resolve! Failed to install ‘cordova-plugin-admob-free’: Error: Variable(s) missing: ADMOB_APP_ID

Here we will discuss an issue faced during the platform build of Ionic 3 application, having an AdMob Free plugin. You can see that error below, this issue comes when we don’t add AdMob app id in an application using AdMob Free Ionic 3 native Plugin.

Continue reading Ionic 3- Resolve! Failed to install ‘cordova-plugin-admob-free’: Error: Variable(s) missing: ADMOB_APP_ID

HTML5 – How to Disable Spell Check & Remove Red Line Below Text?

It is good to know about spell mistakes realtime as we type in case of global languages like English, but when we type in other regional languages auto spell check comes to the rescue even if not required.

Continue reading HTML5 – How to Disable Spell Check & Remove Red Line Below Text?

Owl Carousel 2 – Customize Navigation Next Prev Arrows

Owl Carousel 2 is a very popular and easy to implement Image and HTML slider. This is the most loved and favorable image slider available. Most developers prefer to use this slider due to many reasons like responsiveness, touch device support and also support older browsers. It is a full package of many useful options to customize it.

Here we will discuss navigation arrows, next prev buttons available by default looks a bit simple and centralized in between, so adding some custom CSS we will align them on both corners of the slider.

Continue reading Owl Carousel 2 – Customize Navigation Next Prev Arrows

Ionic 4 – Pull to Refresh functionality in Ionic 4.x Application

As seen in many Android native applications like chrome browser we usually have a user-friendly feature pull to refresh. A user just pulls or simply drag page down to some limit then, the current view is automatically got a refresh. Pull to refresh feature eliminates any need to tap or click somewhere.

Ionic provides the same component to add Pull Down feature in a hybrid environment. In this post, we will implement Pull Refresher in Ionic 4 application.

Continue reading Ionic 4 – Pull to Refresh functionality in Ionic 4.x Application

Ionic 3 – Resolve “Execution failed for task ‘:app:processDebugResources’.”

During development Ionic 3 project when I added Ionic Native File Opener plugin I faced the following issue during building android apk

Continue reading Ionic 3 – Resolve “Execution failed for task ‘:app:processDebugResources’.”