JSFiddle - React, Tailwind, and code Playground

by basmaat

HTML

<script src="http://fbug.googlecode.com/svn/lite/branches/firebug1.4/content/firebug-lite-dev.js"></script>
<!doctype html>
<html>
    <head>
        <title>Basic usage</title>
        <link href="http://cdn.kendostatic.com/2011.3.1007/styles/examples.min.css" rel="stylesheet"/>
        <link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css" rel="stylesheet"/>
        <link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.kendo.min.css" rel="stylesheet"/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
    </head>
    <body>
        <div id="example" class="k-content">
            <ul id="panelbar">
                
            </ul>
            
        </div>
    </body>
</html>

JavaScript

$(document).ready(function() {
                    
                        var sheet = 'https://spreadsheets.google.com/feeds/list/0AkSDPC69_vxUdGZXblZ6TWY4dHZELWI0Zl9QZDBOclE/od6/public/values?alt=json';
        
    $.getJSON(sheet,function(msg){
          var tree = msg.feed.entry[1].gsx$_cn6ca.$t;
          console.log(tree);
          $('#panelbar').append(tree);
               });
                    
          $("#panelbar").kendoPanelBar().css({ width: 310 });
                });