Kendo UI Starter Template

An empty fiddle with the latest Kendo UI CSS and JS references.

by David Underwood

HTML

<script src="https://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.all.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.common.min.css">
<select data-role="dropdownlist" data-bind="source: dropDownData"></select>
<div id="log" class="log"></div>

CSS

.log {
  background-color: #eee;
  margin: 20px 0;
}

JavaScript

(function() {
  var log = (function(el) {
    return function(text) {
      el.html(el.html() + '<br/>' + text);
    };
  })($('#log'));

  var viewModel = kendo.observable({
    dropDownData: ['KendoUI is loaded!']
  });

  log('example log message');

  kendo.bind('body', viewModel);

})();