Let’s Code Better

  • Get Backup of Stored Procedures in Namecheap MySQL Database

    Namecheap MySQL doesn’t allow to see or edit stored procedures if they are written using some tool like Workbench. So In case you want to take backup or edit SP’s, you will only have one choice bang your head with customer care and give them technical knowledge about ‘What is stored procedure’ after spending 1…

    Read more: Get Backup of Stored Procedures in Namecheap MySQL Database
  • Make Quick HTTP Calls from Android Using Volley

    In general practice an Android developer use “HttpURLConnection” to use web services and do ant data communication over the internet. Its bit confusing as it gives an error to handle threads and Async tasks. So it makes the process too long cumbersome. For quickly using data communication I prefer Volley library of android. Let’s learn…

    Read more: Make Quick HTTP Calls from Android Using Volley
  • jQuery Tricks and Tips Reference

    In this post, we will discuss some quick tips and tricks which can help in writing a robust code using jQuery. These jQuery tips are related to some basic methods using which we can resolve most encountered scenarios and problems.

    Read more: jQuery Tricks and Tips Reference
  • Angular 9|8 + Typescript: Create Filter List with Check-boxes to Select from List

    Compatible with Angular versions 2,4,5,6,7,8 & 9 Hi Guys, here we will create a list of items with a filter using Angular and Typescript. For filtering list data we will use Pipes. Features: Filter from the list using the input search form field. Use the checkbox to select a game from the populated list. Selected…

    Read more: Angular 9|8 + Typescript: Create Filter List with Check-boxes to Select from List
  • How to Create Production Release in Ionic 2/3

    After finishing my app development and testing phase, I tried to find some good documentation for generating production release of my build APK. When I searched on Google, the first link which landed me on Ionic docs explaining to create production release in Ionic 1. As ionic 2/3 is based on Angular 4 latest component-based technology having a powerful feature called AOT (Ahead of Time). AOT in…

    Read more: How to Create Production Release in Ionic 2/3
  • Resolved! Found com.google.android.gms:play-services-location:+, but version 9.0.0 is needed issue in Ionic 2/3

    Hey! when I was building ionic 3 application using native plugins, I faced a strange issue during building my application to generate APK file out of it. Then I noticed that this issue was caused after adding Ionic’s Native “Background Geolocation” . So when I removed this plugin, APK generated successfully. I was in deadly need…

    Read more: Resolved! Found com.google.android.gms:play-services-location:+, but version 9.0.0 is needed issue in Ionic 2/3
  • Use TabIndex Form Field Focus in Specific Container

    Using tab index attribute in HTML form fields a user can easily navigate to the next or previous field by merely using the keyboard. But after some presses, Tab index focus caret secretly goes to a new dimension where it becomes impossible to press tab to get back that caret guy in place. ultimately we…

    Read more: Use TabIndex Form Field Focus in Specific Container
  • How to Set Disqus Configuration Variables.

    How to Set Disqus Configuration Variables.

    Disqus is a great discussion add-on available for multi platforms. The installation process is very simple for known CMS and platforms. But my requirement was to add Disqus on a single page app. To get it installed, I landed on this page.

    Read more: How to Set Disqus Configuration Variables.
  • Datatable Row Reorder with Checkboxes and Radio Buttons

    Datatable row recorders feature is used in tables using it’s add-on plugin named (dataTables.rowReorder.js). Using this addon we can drag and drop rows in any order we want in the table. This works only if the table is having some unique serial number or ID. Let’s work on the implementation of datatable with row reorder…

    Read more: Datatable Row Reorder with Checkboxes and Radio Buttons
  • Simple Small Progress Percentage Bar Using Custom CSS and jQuery

    simple-graph-progress-bar

    Small and easily customizable percentage progress bar can be help full in some cases when you want to show quick inline graphs or data notations. If the requirement is simple, we can’t proffer heavy libraries. For the same reason, I have written a small jQuery function to draw an animated progress bar. I have added some custom…

    Read more: Simple Small Progress Percentage Bar Using Custom CSS and jQuery
  • Custom Read More and Read Less using jQuery/ Javascript Function.

    You can always find jQuery plugins or libraries for any type of requirement. But if we try to add plugins for every specific requirement, then we end up with a bunch heavy loaded library set which can take much time to load and can badly affect page efficiency. So I personally prefer to always try…

    Read more: Custom Read More and Read Less using jQuery/ Javascript Function.
  • Top 5 Chart Plugins in JavaScript and AngularJS

    Graphical representation of data leaves a long lasting picture with better understanding. Sometimes we may need to use graphs and charts to better implement data in web applications. During my research for some project, I came across with such beautiful chart plugins. Here are some top chart libraries.

    Read more: Top 5 Chart Plugins in JavaScript and AngularJS
  • 5 Ways to Optimise Ionic Apps Like Native

    Nowadays most of the mobile app developers moving towards hybrid apps which can be deployed on any platform without knowing any advanced languages. The best framework used to build hybrid apps is Ionic, which is gaining a lot of attention these days. But if we compare a native and a hybrid, if may give you…

    Read more: 5 Ways to Optimise Ionic Apps Like Native
  • Check/ Detect If Ionic View/ Page Reached Bottom Load Infinite Data

    Like native Android apps, we sometimes need a view, where list items can be loaded after user reached the bottom of all loaded list items. This behavior is recommended if we have a long list to load and we don’t want the user to tap next every time to view next set of list items.

    Read more: Check/ Detect If Ionic View/ Page Reached Bottom Load Infinite Data
  • How to Integrate Angular Material in Ionic Apps

    A few months back I was working on a project using Angular Material, believe me, guys angular Material is really an amazing framework which does not only create responsive apps with bootstrap structural design but it also adds a pinch of elegance to an application making it more beautiful to look at. It is gaining…

    Read more: How to Integrate Angular Material in Ionic Apps
  • How to Show Toast Messages Like Native Android in Ionic App

    When using the Ionic framework, we always have the option to show alerts or other confirm dialogues. But sometimes there are requirements to show messages to a user which involves no user interaction. Like we see in a native android app there is a Toast message which informs a user about a message then simply goes…

    Read more: How to Show Toast Messages Like Native Android in Ionic App
  • Ionic Input Fields with Floating Labels and Icons Both

    Ionic Framework using AngularJS 1 is having some different type of input field styles like: 1) Placeholder Labels 2) Inline Labels 3) Stacked Labels 4) Floating Labels 5) Inset Forms 6) Input Icons Documentation for these can be found here http://ionicframework.com/docs/components/#forms But the style which I was looking for was a merge of both Floating labels…

    Read more: Ionic Input Fields with Floating Labels and Icons Both
  • How to Make Element Draggable in AngularJS Without Using any Module.

    Making in-page elements or containers give more flexibility to the user so that he can move or drag stuff as per requirement. In jQuery UI we are pretty much aware of a Draggable function which makes thing a lot easier. jQuery is still loved due to its plug play and enjoyable way of work. Today…

    Read more: How to Make Element Draggable in AngularJS Without Using any Module.
  • How to Create Multipage PDF from HTML Using jsPDF and html2Canvas

    There are a number of tools which can easily create PDF files from JSON or raw data provided. But in some situations, we have rich UI elements like images and data representation in graphs, so in that case, we may require PDF as it is. jsPDF and html2canvas are really powerful tools which can help…

    Read more: How to Create Multipage PDF from HTML Using jsPDF and html2Canvas
  • jQuery | How to Set Dropdown Values for Single and Multiple Selection

    The dropdown select box can have single and multiple selections. The muli selection is enabled by adding multiple attribute property. To set the value of the select box in the jQuery use val() method. To set a single value in dropdown pass value as string in val() method and an array of values in case…

    Read more: jQuery | How to Set Dropdown Values for Single and Multiple Selection
  • jQuery | How to get values of multiple selected checkboxes

    To get an array of selected checkboxes values we need to use jQuery each() method and :checked selector on a group of checkboxes. The each() method will loop over the checkboxes group in which we can filter out selected checkboxes using <strong>:checked</strong> selector.

    Read more: jQuery | How to get values of multiple selected checkboxes
  • jQuery | Multiple Checkbox Check/ Uncheck on Table Tutorial

    In general application with tabular data, may have selected using a checkbox on each row. In that case, there should be a master checkbox to check/uncheck all table rows. Here we will discuss an example table that will have a master checkbox on the header and each table row with its own checkbox. A user…

    Read more: jQuery | Multiple Checkbox Check/ Uncheck on Table Tutorial
  • jQuery | How to Dynamically Check/ Uncheck Checkbox

    The prop() method of jQuery is used to check or uncheck a checkbox. We can have a button or method to trigger a dynamic change in the checkbox selected state.

    Read more: jQuery | How to Dynamically Check/ Uncheck Checkbox