hint Function | jQuery

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

Example - customizing draggable tooltip

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

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