kendo transfer test

by xacto

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.web.min.js"></script>
<div id="Start">Start</div>
<div id="Finish">Finish</div>
<div> <a href="#" onclick="runIt();">RunIt</a>

</div>
<script>
    function runIt() {
        kendo.fx($('#Start')).transfer($("#Finish")).play();
    }
</script>
<style scoped>
    #Start {
        width: 110px;
        height: 110px;
    }
    #Finish {
        position: absolute;
        width: 109px; /* If you change this to 110px it does not work unless you uncomment the "border" attribute, below. */
        height: 109px; /* If you change this to 110px it does not work unless you uncomment the "border" attribute, below. */
        top: 200px;
        left: 300px;
    /* This line is necessary if I want Finish to have height/width of 110px. */
    /* border: 1px solid black; */
    }
</style>