Using Bower and Angular

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

    Posted 01 Aug Link to this post

    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.

  2. Stefan
    Admin
    Stefan avatar
    268 posts

    Posted 03 Aug Link to this post

    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
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  3. Kendo UI is VS 2017 Ready
Back to Top