Using Bower and Angular

2 posts, 0 answers
  1. Nadav
    Nadav avatar
    2 posts
    Member since:
    Aug 2016

    Posted 01 Aug 2016 Link to this post



    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.

  2. Stefan
    Stefan avatar
    1381 posts

    Posted 03 Aug 2016 Link to this post

    Hello Nadav,

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

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

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

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

    I hope this is helpful.

    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top