Let’s Code Better

  • Resolved! “The platform ‘35729’ does not appear to have been added to this project.”

    I was working on an Ionic 3 project and debugging application live with connected Android devices by running following command

    Read more: Resolved! “The platform ‘35729’ does not appear to have been added to this project.”
  • How to Create Ionic v3 App in Latest CLI v4.9.0 for Ionic v4

    As the latest stable version of the Ionic framework, V4 has been released which is way more future proof and easily adaptable with new frameworks like react, Vuejs etc by using web components technology. But still, there are some developers who may prefer version 3 of Ionic as routing of ionic was having much more…

    Read more: How to Create Ionic v3 App in Latest CLI v4.9.0 for Ionic v4
  • Auto-focus Input and Open Keypad On View/ Page Load in Ionic 3 Application

    Mobile applications having input fields for search or forms can be optimized in terms of user-friendliness if developer autofocus first input field or search field on application or page load. This behavior seems to be nominal and not of much importance but it really ads up to the convenience of the application user.

    Read more: Auto-focus Input and Open Keypad On View/ Page Load in Ionic 3 Application
  • Resolve! “Interstitial ads that appear after the user has exited the app” Issue in Ionic 3 Application

    The latest update of one of my application got suspended by Google team due to some issue related to ads shown in the application. The issue was with Interstitial type of ads which I was showing in application after view change.

    Read more: Resolve! “Interstitial ads that appear after the user has exited the app” Issue in Ionic 3 Application
  • Ionic 5 handle back hardware event to confirm exit by user

    In this Ionic 5/4 tutorial, we’ll discuss how to override the hardware back press event in Ionic Application to show a confirm alert dialog box to the user. A user can click on cancel to prevent accidental exits and or tap on the exit button to close the application. In native Android devices, a user…

    Read more: Ionic 5 handle back hardware event to confirm exit by user
  • Ionic 3 Handle Back Press Button in Ionic 3 Application without Any Plugin

    In Android application we generally press/ tap back to go back view or page but in root activity or root page in Ionic application this back press operation closes or minimize the application to the recent list.

    Read more: Ionic 3 Handle Back Press Button in Ionic 3 Application without Any Plugin
  • Ionic Lazy Loading Issue | Get Current Component/ Page/ View name in Production Release

    In this post, we will discuss an issue faced by many Ionic Framework developers related to getting the current page/ view/ component name in the application. In an Ionic application which using Lazy Loading to partially load components are facing such issue.

    Read more: Ionic Lazy Loading Issue | Get Current Component/ Page/ View name in Production Release
  • Optimize App Loading by Implement Lazy Loading in Ionic 3 Existing/ New App

    An Ionic framework application makes development very easy and fast for multiple platforms, but sometimes due to performance issues like fluctuation in animations, jerk movements during user interactions calls for some tricky solutions to manage code with better optimizations.

    Read more: Optimize App Loading by Implement Lazy Loading in Ionic 3 Existing/ New App
  • Xiomi MiUI 10 | How to Enable Developer Mode for Debugging Android Applications

    Development in the Ionic framework is mostly handled through CMD Command prompt. We can open code, create APK packages, install plugins etc from CMD itself. But sometimes to test some of the Ionic Native plugins need a real device, for that we may create APK using $ ionic cordova build android and then we can transfer the generated…

    Read more: Xiomi MiUI 10 | How to Enable Developer Mode for Debugging Android Applications
  • Add reCAPTCHA v2 and Form Validation using Custom jQuery

    In this post, we will create a form having custom validation for required fields using jQuery. This custom form will also have reCAPTCHA v2 of Google to verify if the user is a bot or real person.

    Read more: Add reCAPTCHA v2 and Form Validation using Custom jQuery
  • Angular 6/7 | Create Custom Pipes AKA Filters in Angular 2.X

    Our applications may have a lot of data for presentation, But for creating a good user experience it is preferable to see in a more understandable format like March 12, 2010 is better to read then Mon Mar 12 2010 15:23:40 GMT-0700 (Pacific Daylight Time). For such small and repeated tasks of transforming values in…

    Read more: Angular 6/7 | Create Custom Pipes AKA Filters in Angular 2.X
  • Responsive Tabs in jQuery Without Any Plugin!

    Showing tabs elements on a web page looks great and really minimize space coverage by content. The user feels free to select only heading to view related content. in mobile devices also we can provide similar behavior in responsive design. in this post we will create responsive tabs in jQuery, this will not have any plugin.…

    Read more: Responsive Tabs in jQuery Without Any Plugin!
  • Ionic 5|4 Adding Ionic Offline Storage using SQLite Cordova Plugin

    In this post, we’ll discuss how to use SQLite storage in an Ionic application using Cordova’s cordova-sqlite-storage plugin. In Ionic’s Angular, we use Native wrapper to access SQLite storage in a native device. The SQLite type of storage is used by most of the Native devices like android. It is a relational database management system…

    Read more: Ionic 5|4 Adding Ionic Offline Storage using SQLite Cordova Plugin
  • Ionic 5 Native Google Maps using Cordova Plugin Tutorial with Example Application

    In this Ionic 5/4 tutorial, we will implement Google Maps in Ionic Angular App using Cordova and Ionic Native plugins. As we have already discussed How to Add Google Maps using JavaScript API in Ionic Applications, in this post we will implement Google Maps Cordova plugin using SDK. In comparison to JavaScript API Native SDK,…

    Read more: Ionic 5 Native Google Maps using Cordova Plugin Tutorial with Example Application
  • Resolve! plugin_not_installed issue in Ionic 3/4 Applications

    A few days back I was facing a strange issue i.e Plugin Not Installed! in of my Ionic 3 Application. The weird thing about this issue was, the application was working fine in development APK and even after creating productions release of APK it was working fine, the issue used to happen when I installed the…

    Read more: Resolve! plugin_not_installed issue in Ionic 3/4 Applications
  • Ionic 5|4 Google Maps JavaScript API, Geolocation, Geocoder in Ionic Native Application

    In this Ionic 5 tutorial, we’ll implement Google Maps using Javascript API library and display current position with a location marker and address of the location. To build Google Maps in Ionic 5 application we’ll use Geolocation and Geocoder plugins to locate current coordinates and address. In the previous post, we discussed how to get…

    Read more: Ionic 5|4 Google Maps JavaScript API, Geolocation, Geocoder in Ionic Native Application
  • Ionic 4 Copy to Clipboard Example – Plugin ( Copy and Paste ) Ionic Native 4.x Version

    Clipboard is referred to a special memory space provided in the device, specialized to keep last copied data like text, images, files etc. Clipboard is a temporary space which is washed out as user copies new data and replaces existing data. In the previous post we discuss on the implementation of Clipboard plugin in Ionic…

    Read more: Ionic 4 Copy to Clipboard Example – Plugin ( Copy and Paste ) Ionic Native 4.x Version
  • Run Ionic 5 Apps in Background using Cordova and Ionic Native plugins

    In this Ionic 5/4 tutorial, we’ll learn How to keep the Ionic Application running in the background even when closed or minimized using service with the help of Cordova and Ionic native plugin. In a native application like android, we have various approaches to keep a service or operation running while the application is minimized…

    Read more: Run Ionic 5 Apps in Background using Cordova and Ionic Native plugins
  • Ionic 4 Implement Image Viewer for Photos in Assets folder

    Last Updated On 11/Mar/2019 for Latest Ionic Version 4.11.0 In this post, we will discuss on how to show local images in application asset’s images folder in Image / Photo viewer having basic functionalities like Pan, Zoom, Share download image on device etc.

    Read more: Ionic 4 Implement Image Viewer for Photos in Assets folder
  • Ionic 4 Custom Pagination in Ionic Slider in 1 Step

    This article is in continuation of my first post on Ionic Sliders. You can check my previous post on How to Create Multiple Slides on Single View. Ionic 4 Slider provides a default DOTS pagination style, here I will Quickly show how to add Custom Pagination in Two Following Ways

    Read more: Ionic 4 Custom Pagination in Ionic Slider in 1 Step
  • Ionic 5|4 Multiple Slides on Single View with Custom Navigation Using Swiper Slider

    Ionic Framework provides a very powerful and fully loaded Slider which can be modified in any form. Ionic Slider is basically SwiperJS slider, it provides a number of ways a slider/ carousel can be built in a view. You can check it’s  demo page, we can have similar Slider/ Carousel in the Ionic app using…

    Read more: Ionic 5|4 Multiple Slides on Single View with Custom Navigation Using Swiper Slider
  • Angular 7/6/5 Implement Ultimate! Swiper Image Slider/ Carousel in 3 Steps

    In this post, we will discuss a more advanced Image Carousel know as Swiper. This Carousel is actually more than an Image Slider, we can have any type of content from HTML, graphics, video etc. Swiper also supports parallax effect multiple slide effects, having verticle and horizontal sliders. Swiper also supports nested and easy installation…

    Read more: Angular 7/6/5 Implement Ultimate! Swiper Image Slider/ Carousel in 3 Steps