How to format JS date object in AngularJS using date filter.

AngularJs provides its own “date” filter to modify Javascript date object to a given format.

Following are defined format strings, which can be used to format JS date object.

Continue reading How to format JS date object in AngularJS using date filter.

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 use to move back caret guy in place.

So during a requirement where I wanted to trap carret guy in a wrapper so that even after continous tabbing caret we never be able to leave that defined wrapper. After defined at input field that will focus on first defined form field automatically.

Continue reading Use TabIndex Form Field Focus in Specific Container

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.

Continue reading 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 feature.

See Demo Here

Continue reading Datatable Row Reorder with Checkboxes and Radio Buttons

How to Turn off Manzana Wireless Mouse | Aaro | Review

Manzana is a Mumbai based company having various products including speakers, computer accessories etc. I bought Manzana’s wireless mouse about a year ago. First this not any sponsored post actually I want to share a weird problem with this mouse. This wireless mouse working fine without🤗 any problem, BUT it is having a strange feature as I checked on its website today called “Auto Connect” 🙄 due to which it remains ON every time… means it is not having any switch to turn it on or off. It caused a LOT of battery drains…… and due to which it stuck in between while working and stops responding. No on/off switch means it is on all day all night, it needs battery change 2-3 times in a month 😣

Continue reading How to Turn off Manzana Wireless Mouse | Aaro | Review

Panchkula Black Friday Videos | Burning Panchkula

Today (25-8-2017) we witnessed dark side of our democracy.😣 People were prisoned inside their own homes. Cars and public property burning on roads. There were sounds of screams bombs bullets. Sky surrounded by black, white smokes…. and drones…

 

People having same motive to ruin each and everything whatever they see, without even thinking once… what they are doing and what it may cause. Even animals are more civilized than such humanity these days 🤔.

 

Continue reading Panchkula Black Friday Videos | Burning Panchkula

Simple Small Progress Percentage Bar Using Custom CSS and jQuery

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 option which user can easily change in HTML attribute it self.

We can change Height, Width, Background or Bar color, Speed of animation. You can suggest me if other features can be added.

Continue reading Simple Small Progress Percentage Bar Using Custom CSS and jQuery

How to Cancel $http Requests in AngularJS App

In an MVC based application, we switch pages without getting refreshed. For showing data in our current view, we usually load updated JSON objects by hitting API calls and we do so by using $http services of angular js. So in some cases, we don’t want a user of an application to hit API calls more then once, otherwise, he/ she will be left with a stack of pending API calls overlapping data sets. We can prevent such user practices by using following two ways:

Continue reading How to Cancel $http Requests in AngularJS App

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 to code some specific function or method which can easily do the stuff without causing any hassle to page load time and including big sized libraries which always and have not required features which we will never need in future.

Here we will talk about very simple but very important function which can make longer texts look more concise and user-friendly. When we have a web page with longer texts in every section, it becomes very difficult for users to scroll those lengthy documents either they are on desktops or mobile devices. So “Read More” functionality comes to the rescue. This feature adds a read more link after longer texts trimming to 2-3 lines. So if a user wants to read the whole text, they can simply click on “Read More” and see the whole text.

Continue reading 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.

Continue reading Top 5 Chart Plugins in JavaScript and AngularJS