In this tutorial, we will implement a Barcode or QR Scanner / Encoder plugin in an Ionic application. Barcodes and QR codes are widely used for multiple purposes like to add a link where a user doesn’t need to type the whole URL it can be easily scanned from a QR code. Barcodes can also […]
Ionic 5|4 Add Barcode/ QR Code Scanner/ Encoder Generator using Native Plugin Read More »
AdMob Plus is a Cordova plugin to use Google AdMob in hybrid applications like Ionic. AdMob Plus is developed by same developer Ratson who previously developed and maintained AdMob Free plugin. Ratson wanted to create an AdMob plugin with no ad sharing, as most of the plugin do, they take a part of the revenue
Ionic 3 AdMob Plus Tutorial – Update of AdMob Free Read More »
In this Angular 9 tutorial, we’ll discuss how to implement drag and drop functionality using Angular Material library components. In the drag and drop lists, items can be dropped across multiple lists or in the same list. In the Angular Material version 7, two major updates were introduced, Virtual Scroll, and Drag and Drop. Both
Angular 9|8|7 Drag and Drop Across Multi Lists in Angular Material Read More »
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
AngularJS – Image Crop Directive with Resize in Angular 1.x Read More »
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.
CSS & jQuery – How to Disable Text Selection Highlighting? Read More »
Image Sliders plays a key role in beautifying user interface by placing multiple images at a single or limited area. Here we will discuss Top 5 Image Sliders/ Carousel Available for free. We will also discuss the pros and cons of each option available.
jQuery – Top 5 Image Slider/ Carousel Responsive Read More »
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
How to Test Touch Behavior in Google Chrome Read More »
Like we see in popular applications like Instagram, we usually have different views which can be easily swiped or dragged right to left to change the view. Today we will implement same user interface having swipeable pages instead of tradition Tap to Change scenario.
Ionic 3 Swipeable/ Draggable Tabs Pages Application in Ionic 3 Read More »
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.
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.
HTML5 – How to Disable Spell Check & Remove Red Line Below Text? Read More »
Owl Carousel 2 is a very popular and easy to implement Image and HTML slider. This is the most loved and favourable 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
Owl Carousel 2 – Customize Navigation Next Prev Arrows Read More »
In this post, we will create Flashlight/ Torch app in Ionic 3 version using Ionic Native plugin Flashlight, the application will have a switch button to on/ off camera flashlight which can be used as a torch.
Ionic 3 Torch /Flashlight Tutorial – Using Backlight Plugin Ionic Native 3.x Read More »
In this Ionic 5/4 tutorial, we’ll discuss pull or swipe down the page to refresh functionality in Ionic Angular application using the UI components available in the Ionic framework. As seen in many Android native applications like chrome browser we usually have a user-friendly feature to pull down the page to refresh. A user just
Ionic 5 Pull/ Swipe Down to Refresh on Ionic Page Tutorial with Example Application Read More »
In this post, we will discuss one of the major updates in Angular 7 version, its new Virtual scroll feature in CDK which is Material Component Development Kit. Virtual scrolling comes into action where we have a long list of item in applications, the performance of page decreases due to lots of hidden HTML data which
Angular 7 – Implement Infinite Virtual Scroll in Few Easy Steps in Latest Angular 7.x Read More »
During development Ionic 3 project when I added Ionic Native File Opener plugin I faced the following issue during building android apk
Ionic 3 Resolve “Execution failed for task ‘:app:processDebugResources’.” Read More »
