JSFiddle - React, Tailwind, and code Playground

by efinkel

HTML

<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.mobile.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<div data-role="view" data-title="Login" id="loginView">


        
        
        <ul data-role="listview" data-style="inset" id="loginForm">
            <li>listview</li>
        </ul>

    <div style="float:right">
       <a data-click="loginClick" id="loginButton" type="button" data-role="button">Login Button</a>
    </div>
           
        <div id="responsePane"></div>
    </div>

JavaScript

function loginClick(e){
    var $rp = $("#responsePane");
    
    $rp.html($rp.html() + "Button works.<br/>");
}

$(function(){
    var app = new kendo.mobile.Application(document.body);
})