KendoUI Bridge Documentation
  • Introduction
  • About this application
    • Introduction
    • Navigation guide
    • Components catalog
    • Installation
    • Catalog index
    • Themes selector
  • About Aurelia
    • Key features
  • About KendoUI
    • Integrated with Aurelia
    • Why choose KendoUI
  • Developers tutorials
    • Introduction
    • Sample application structure
    • esnext - kendo
    • esnext-aspnetcore - kendo-2017
    • esnext-aspnetcore - kendo-2015
    • typescript - kendo
    • typescript-aspnetcore - kendo
    • esnext- webpack
    • typescript-webpack kendo
  • Developers notes
    • Current limitations
    • Loading a subset of controls
    • Lazy loading wrappers
    • Running gists
    • Kendo Tooltip HTML content
    • Bundling details
    • Dynamic content creation
    • Bundling step by step instructions
    • What you need to know
    • Localization
    • Prevent JSPM from loading jQuery
  • Bridge developers notes
    • Introduction
    • Bridge utilities
    • Generation of bindables
    • Babel DTS generator
    • Grid HTML api
    • Template compilation
    • Harvesting bindable variables
    • Registry helper class
    • Creating gists for the catalog app
  • Troubleshooting
    • Introduction
    • Using gists and GistRun
Powered by GitBook
On this page
  1. Developers tutorials

Sample application structure

PreviousIntroductionNextesnext - kendo

Last updated 7 years ago

Application Developer tutorials

4.2 Sample application structure

All details about each sample application exist in the application's own README.md file in the repository, so this document contains additional instructions needed to add the and to our sample app. The of the Aurelia KendoUI bridge application remains the authoritative source on all information used in the tutorial.

As stated in the section we are showing how to add the Autocomplete component from the free KendoUI Core SDK. Adding this component consists of:

  1. Adding KendoUI SDK using commands in the console (this is not true across all tutorial articles - x, y, and z are execeptions

  2. Modifying existing configuration and source files

  3. Adding the autocomplete "widget" defined as Aurelia custom component with it's three files:

    • autocomplete.html

    • autocomplete.js

    • autocomplete.css

We will use the "colored agenda" below to tag the "categories" of files in each of the subsequent tutorials starting with

skeleton-navigation
Kendo SDK
Aurelia-KendoUI bridge
Installation chapter
catalog
Introduction
npm
esnext - kendo