Using Bower and Angular

[Nadav]

Hi, 

 

I'm building an Angular 1.4.1 application, and I'm looking to integrate KendoUI components into it.

I'm using bower, so I added "kendo-ui" to the bower.json file, and indeed it downloaded. 

In all your examples there's a file included: "kendo.all.js", which is not in the bower package.

When I try to add a date picker, for example (<input kendo-date-picker />), the style is scrambled - I get a long input control and a text below it that says "select", that opens a scrambled and not well designed calendar.

BTW - I use gulp to aggregate all JS files to a single JS file, and CSS files also to a single CSS file - file names are taken from each bower.json in each package.

What am I doing wrong?

Thank you.

[Stefan]

Hello Nadav,

To be able to build an AngularJS application with the Kendo UI widgets, please check the following information:

http://docs.telerik.com/kendo-ui/AngularJS/introduction

Also, please check the information on how to install the Bower packages for Kendo UI:

http://docs.telerik.com/kendo-ui/intro/installation/bower-install#bower-packages

Additionally, I made Dojo example demonstrating how to initialize the Kendo UI DatePicker using AngularJS:

http://dojo.telerik.com/ENatO 

Most probably, the styling issue with the DatePicker on your side is caused by a missing Kendo UI stylesheet.

http://docs.telerik.com/kendo-ui/styles-and-layout/appearance-styling 

I hope this is helpful.

Regards,
Stefan
Telerik by Progress