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 a lot of attention of developer due to a huge increasing in it’s demand.
You can visit Angular Materials and see it working https://material.angularjs.org/latest/
Motion and ripple effects make my day… 

Continue reading 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 aways after some time .

In PhoneGap or Cordova, we have one plugin which will do the same thing for us in a Hybrid environment as well. Here we will use Toast-PhoneGap-Plugin use integrate native like Toast or Info messages in our app.

Continue reading 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 plus Input Icons. There was not a way to use a blend of these anywhere. But after some CSS tweaking, I managed to achieve the piece I was looking for

Continue reading Ionic Input Fields with Floating Labels and Icons Both

Issue Resolved – Connect Binatone WiFi Modem Slow Speed and Disconnection.

Connect Broadband is widely used in northern India. Connect’s service and Plans are fair enough to attract more and more people. I don’t have an affiliation with it . I just want to share with you that this service is having a very Big Small problem and that is, it can be hacked by any person in your neighborhood even if he/she is not Geeky enough, there are many tutorials out there on YouTube. People using Connect make a setting like me to protect themselves from such attacks like changing WEP-64Bits to WPA2-PSK, but believe me … this is NOT GOING TO HELP ANYWAY 

Continue reading Issue Resolved – Connect Binatone WiFi Modem Slow Speed and Disconnection.

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 is the era of AngularJS, now nobody talks about jQuery they simply jump in MV* frameworks and only AngularJS comes to the rescue.

Continue reading How to Make Element Draggable in AngularJS Without Using any Module.

How to Optimize MI Note Fast Draining Battery Backup After Firmware Updates

The Day when I bought my beautiful MI Note 3 phone, the best thing  which I found was 2 Days long battery life  even after full hardcore usage . It was really AMAZING!!!  thing to have such feature which is most important thing if you are phone addict for heavy activities like watching movies , playing games , using camera 

Continue reading How to Optimize MI Note Fast Draining Battery Backup After Firmware Updates

How to Create Multipage PDF from HTML Using jsPDF and html2Canvas

Last Updated on 25 July 2018

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 you to convert whole HTML page into multi-page PDF document, which you can show in iFrame or user can even download it.

Continue reading How to Create Multipage PDF from HTML Using jsPDF and html2Canvas

How to Create Multiple YouTube Channels in Single Gmail Account

For a long time, Google was only allowing to have only single YouTube channel per Gmail account. So in case you want to have multiple YouTube channel you needed to create a NEW Gmail account and adding new contacts and Gmail information, which was really a painful process.

But now we can have multiple YouTube channels in SINGLE Gmail account with the help of Google+.

Let’s quickly move to Steps you need to follow to create Multiple YouTube channels.

Continue reading How to Create Multiple YouTube Channels in Single Gmail Account

Navigate Form Field Link Elements Using TAB and Shift+TAB Keys in Webpage

Sometimes HTML page having form fields need keyboard navigation by a user in a specific area or a container. A user can navigate using TAB forward motion or TAB+SHIFT key combination for backward navigation through form elements like the link, input, text areas, select dropdowns etc.

But we can control it to some extent using HTML attribute tabindex to set an order of navigation. After completing all elements it jumps to browser controls which annoys a user not interested in the focus of those controls.

Continue reading Navigate Form Field Link Elements Using TAB and Shift+TAB Keys in Webpage