Kendo UI Boilerplate

A Kendo UI based boilerplate using Bootstrap, require.js, and require text.

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.web.min.js"></script>

    <div class="row">
        <div class="span6">
            <textarea id="editor" data-bind="value: textAreaValue" rows="10" cols="30" style="width:100%;height:240px">
            </textarea>
            
        </div>

CSS

/* Silly JSFiddle hack needed to insert meta tags into the DOM */
 </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style>
/* Load External Framework CSS */
 @import url('//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css');
 @import url('//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css');
 @import url('http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css');
 @import url('http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css');

JavaScript

$(document).ready(function () {
    // create Calendar from div HTML element
    $("#DateTimePicker").kendoDateTimePicker();
    $("#editor").kendoEditor();
    
    
});