Kendo UI Starter Template

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

HTML

<script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.mobile.all.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css">
<select data-role="dropdownlist" data-bind="source: dropDownData"></select>
<div id="log" class="log"></div>
<div id="test"></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!'],
        test: '123'
    });

    

    kendo.bind('body', viewModel);
    
    window.test = '2134';
    
    (new kendo.View('## <span data-bind="text: test"></span> #: window.title #', { model:viewModel, evalTemplate: true })).render($("#test"));


})();