- Copy ‘JS’ – copy the contents of JS directory of Kendo UI directory to the directory of your web application’s JS directory.
- Copy ‘Styles’ – next is to copy the contents of styles of Kendo UI to the directory where your application references the style sheets used.
- Register the scripts and CSS – lastly you need to register the necessary scripts files and CSS to make your page aware of Kendo UI, which pieces you register refers which functionality of Kendo UI you want to use.
To use the web pieces which includes the web widgets, MVVM framework, client side data source, validation, templating and drag and drop you need to register the following scripts and styles :
To use the Data Visualization pieces of Kendo UI you need to register the following scripts and styles :
To use the mobile components of Kendo UI, you would need to register :
and off course for adding all the components you need to register all the scripts, now lets have a look at a demo illustrating how to use these scripts into your web application.
The above code shows the simple HTML page with the references to Kendo UI web scripts and stylesheets, now we need to verify that the scripts and stylesheets are the one we need to register, we can do this by implementing one of the Kendo UI web widgets and here for example we will use the date picker.
Here you can see we have used the kendoDatePicker function, we will be going into much detail in the posts later about their implementation process, but at this point we assume we indeed have everything in place you implement the Kendo UI, so now its all done and lets see what Kendo UI Date Picker has done for us.
So this was simple, we will go in deep details with Kendo UI, stay tuned.
Download the source code >> IntroToKendoUI.