hint Function | String | jQuery

Provides a way for customization of the sortable item hint. If a function is supplied, it receives one argument - the draggable element's jQuery object. If hint function is not provided the widget will clone dragged item and use it as a hint.

Important: The hint element is appended to the <body> tag. The developer should have this in mind in order to avoid styling issues.

Example - Sortable with custom hint

<ul id="sortable">
    <li>ItemA1</li>
    <li>ItemA2</li>
    <li>ItemA3</li>
</ul>

<script>
    $("#sortable").kendoSortable({
        hint: function(element) {
            return $("<span></span>")
                    .text(element.text())
                    .css("color", "#FF0000");
        }
    });
</script>
In this article