Kendo UI

jQuery + Kendo UI + MockJax

by burkeholland

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.229/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.229/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<div id="container">
    <div id="slider1" data-role="slider" data-max="100" data-min="1"></div>
        <div id="slider2" data-role="slider" data-orientation="vertical" data-max="100" data-min="10" data-large-step="20" data-small-step="10"></div>
    <div id="slider3" data-role="slider" data-show-buttons="false"></div>
    <div id="slider4" data-role="slider" data-enabled="false" data-orientation="vertical"></div>
</div>

CSS

#container {
    width: 100%;
    margin: 20px 0px 0px 20px;
}

#container > div {
    margin: 10px;
}

JavaScript

(function() {
    
    kendo.bind($("#container"));
    
})()