New to Kendo UI for jQuery? Start a free 30-day trial

Hint

configuration

Provides a way for customization of the drag indicator. If a function is supplied, it receives one argument - the draggable element's jQuery object.

hint

Function | jQuery

<div id="draggable"></div>

<script>
  $("#draggable").kendoDraggable({
    hint: function(element) {
      var hintElement = $("<div id='hint'></div>");
      hintElement.css({
        "background-image": "url('https://www.telerik.com/image/kendo-logo.png')",
        "width": "230px",
        "height": "80px"
      });
      return hintElement;
    }
  });
</script>
<style>
  #draggable {
    width: 50px;
    height: 50px;
    background-color: orange;
    border: 2px solid green;
  }
</style>