In this recipe, we will look at some of the common widgets that come with Kendo UI Core, a free library provided by Telerik to the open web.
Begin by downloading a copy of the Kendo UI Core library from the Telerik website at http://www.telerik.com/download/kendo-ui-core.
Once downloaded, extract the contents of the ZIP file into a directory called kendo.
Our demo will use the Bootstrap and Lightbox libraries but these will be linked from a CDN.
Create a file named index.html with the following contents:
<!DOCTYPE html>
<html>
<head>
<title>KendoUI Widget Demo</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css">
<!-- Add Kendu CSS here -->
<style>
.value {
color: red;
}
</style>
</head>...