Category Archives: Web Development

Drag and drop rows within ui grid in Angular js

Ui Grid is the popular grid system specially for Angular 1.x(Currently ui-grid doesn’t support angular 2 and above version). Ui-grid has no dependency rather than angular which makes it light weight. It has very rich feature set such as sorting, filtering, grouping and pagination and also has server side support for data-binding and pagination. Continue reading Drag and drop rows within ui grid in Angular js

Rotate object or shape in HTML5 Canvas

HTML5 canvas provides rotate(angle) method which is used to rotate the canvas around the current origin clockwise. The parameter ‘angle’ should be radians not in degrees. You can use degree * Math.PI/180 formula to convert the degree in radians, suppose if you want to rotate canvas 45 degree you can use 45*Math.PI/180 for the angle. Continue reading Rotate object or shape in HTML5 Canvas

How to add text inside the doughnut chart using Chart.js

There are different JavaScript charting frameworks available. The chart.js is one of them. The chart.js is the canvas based and has the Great rendering performance across all modern browsers (IE9+). It provides 8 type of different chart style you can find all the help and documentation on the chartJS documentation. Continue reading How to add text inside the doughnut chart using Chart.js

How to hide .js and .map files from project explorer in Visual Studio Code

Generally, you would not want to see the compiled .js file and the corresponding .js.map files when you are using the Typescript. However you can use tsconfig.json to output the js and map files to a separate folder, it makes it easier to maintain. But if you don’t use a separate folder, you can use settings.json to hide the js and map files in the project folder explorer. Continue reading How to hide .js and .map files from project explorer in Visual Studio Code