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
When we create a new Ionic app using sidemenu option, it is always visible on all pages of the demo app. In some situations when we don’t need site menu, even then it peeps in when we slide right . If we need to create an app that is having a login page to into pages, then sidemenu is not required anymore.
Continue reading How to Hide Sidemenu on Selected Pages in Ionic Hybrid App
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.
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.
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
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
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
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