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

Image/thumbnail Zoom Effect on Mouse Hover Using jQuery

In this post, we will discuss jQuery custom code to implement Image/ Thumbnail Zoom effect on hover. For a number of images, we usually place thumbnails of larger images which be selected by the user to view full-size image.

In this example, we will place images in square boxes which will show thumbnails by default but zooms to original dimensions as we over/ mouseover with the cursor. A user can also click on that image thumb to view full-size image in fullscreen.

Continue reading Image/thumbnail Zoom Effect on Mouse Hover Using jQuery

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

How to Redirect Single Blogger Post to External URL

Here is the simplest way to redirect an old blogger post to new URL using Javascript.

Continue reading How to Redirect Single Blogger Post to External URL