October 2014 – Knowledgebase

Add animation on dom event, by using a custom directive, the AngularJS $animate service and the Animate.css library.

31 October, 2014 Roel van Lisdonk 0 Comments 1 category

Here’s is the code: http://plnkr.co/edit/EdHyzxwLTfNRXFHj9iU1?p=preview Yes, yes I know this can easily be done with the standard AngularJS ngAnimate directive, but I wanted to play around with a custom directive, isolated scope

Using a Kendo grid row template and paging with AngularJS.

29 October, 2014 Roel van Lisdonk 0 Comments 1 category

Plunker http://plnkr.co/edit/iXpQEeDQsy3X08EgkttQ?p=preview

Show euro sign in kendo numeric text box control with AngularJS.

28 October, 2014 Roel van Lisdonk 0 Comments 1 category

Here’s a plunker demonstrating a kendo numeric text box with euro sign in it, bound to AngularJS. http://plnkr.co/edit/z2jpoZ3WQRmHxwnhIF4G?p=preview <input kendo-numeric-text-box k-min="0" k-format="'c0'" k-ng-model="totalCost" type="text" /> Main pitfall is the single quotes inside

How to sort items in a list with ng-repeat

27 October, 2014 Roel van Lisdonk 0 Comments 1 category

Just a nice example on how to sort items in a list with ng-repeat: http://plnkr.co/edit/qa6LdhDdggApWPmOrwGD?p=preview <!DOCTYPE html> <html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="spike"> <head> <!-- This page can be used as a base for spiking with jQuery,

Show hierarchy in combobox items, with Kendo and AngularJS.

24 October, 2014 Roel van Lisdonk 0 Comments 1 category

Here is a plunkr showing a combobox with hierarchy: http://plnkr.co/edit/PaiRPD6dZNq0JaT2Tkdg?p=preview <!DOCTYPE html> <html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="spike"> <head> <!-- This page can be used as a base for spiking with jQuery, AngularJS and Kendo.

How to make a Kendo chart background transparent or set background color

23 October, 2014 Roel van Lisdonk 0 Comments 1 category

If you want to make the background of a chart transparent or set it to a specific color, use the “chartArea” property. To set the background transparent with angular use: <div kendo-chart k-chart-area="{ background:

Using ValidateAntiForgeryToken with AngularJS and MVC

23 October, 2014 Roel van Lisdonk 0 Comments 1 category

I was getting a HTTP 500 error, when posting data from AngularJS to a MVC controller, which had the attribute ValidateAntiForgeryToken applied to it. This attribute expects a form to be posted to the MVC

Using Kendo mobile switch with AngularJS and ng-model

20 October, 2014 Roel van Lisdonk 0 Comments 1 category

Here’s a plunkr demonstrating, binding a kendo mobile switch http://plnkr.co/edit/KlJ4JW?p=preview <!DOCTYPE html> <html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="spike"> <head> <!– This page can be used as a base for spiking with jQuery,

Using AngularJS Batarang to debug AngularJS apps.

17 October, 2014 Roel van Lisdonk 0 Comments 1 category

AngularJS Batarang is a Google Chrome plugin, that helps you identify problems in AngularJS apps. For example in my last app, a Kendo UI chart was not showing correctly, so I opened the Google

Microsoft Visual Studio 2013 Update 4 RC

17 October, 2014 Roel van Lisdonk 0 Comments 1 category

Microsoft Visual Studio 2013 Update 4 RC can be downloaded at: http://www.microsoft.com/en-us/download/confirmation.aspx?id=44545 It contains many new features for an update: http://blogs.msdn.com/b/webdev/archive/2014/10/16/announcing-new-web-features-in-visual-studio-2013-update-4-rc.aspx The thing I like the most: Support for custom elements, polymer-elements

Month: October 2014