Kendo UI SDK and Bridge Installation
  • Introduction
  • KendoUI SDK
  • Aurelia KendoUI bridge
    • Why using the bridge?
  • Installation
    • Installing Kendo
      • Simple app provisioning
        • kendo.custom.min.js
      • Advanced app provisioning)
        • JSPM
        • Webpack
        • Aurelia-CLI
    • Installing the bridge
      • JSPM
      • Webpack
        • JavascriptServices
        • Skeleton
      • Aurelia-CLI
  • Next Steps
Powered by GitBook
On this page
  1. Installation
  2. Installing Kendo
  3. Advanced app provisioning)

Aurelia-CLI

PreviousWebpackNextInstalling the bridge

Last updated 7 years ago

This section describes the process of "provisioning the application" as defined

  1. Follow to install Kendo-UI. In summary, you need to run the command

    jspm install npm:@progress/kendo-ui
  2. Install jquery: npm install jquery --save

  3. Add the following stylesheets to the head section of `index.html:

     <link rel="stylesheet" href="node_modules/@progress/kendo-ui/css/web/kendo.common.core.min.css">
     <link rel="stylesheet" href="node_modules/@progress/kendo-ui/css/web/kendo.default.min.css">
  4. Open aurelia_project/aurelia.json and append the following configuration to the dependencies section of the vendor-bundle:

    "jquery",
    {
     "name": "kendo",
     "path": "../node_modules/@progress/kendo-ui/",
     "resources": [
       "js/kendo.button.js"
     ]
    },

    Everything in the resources property will be added to the bundle. If you do not declare the controls that you use, RequireJS will fetch them at runtime, which might cause issues during deployment

  5. Kendo controls can be loaded as follows:

    import 'kendo/js/kendo.datepicker';
  6. Warning: The error you get during the tracing process of au run is expected and harmless. More can be read in

here
these instructions
this issue