JSFiddle - React, Tailwind, and code Playground

by Kishore Sahasranaman

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.silver.min.css">
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<script src="http://demos.kendoui.com/content/shared/js/people.js"></script>
<div id="BrowsebuttonDiv">
<input name="files" id="files" type="file" />
</div

CSS

#BrowsebuttonDiv .k-upload-button {
                    width: 30px;
                    -moz-min-width: 30px;
                    -ms-min-width: 30px;
                    -o-min-width: 30px;
                    -webkit-min-width: 30px;
                    min-width: 30px;
                    height: 25px;
                }

                #BrowsebuttonDiv .k-upload {
                    border-style: none;
                    border-width: 0px;
                }

                #BrowsebuttonDiv .k-upload-status {
                    display: none;
                }

JavaScript

$(document).ready(function() {
                 
	jQuery(function(){jQuery("#files").kendoUpload(
        {"multiple":false,"showFileList":false,"localization":{"select":""},"async":{"saveUrl":"/bsmpalv2crewingQA/SharedPlugins/CrewingAttachments/SaveAttachment","autoUpload":true}});});
  });