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

CursorOffset

configuration

If set, specifies the offset of the hint relative to the mouse cursor/finger. By default, the hint is initially positioned on top of the draggable source offset. The option accepts an object with two keys: top and left.

cursorOffset

Object

Default: null

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

<script>
    $("#sortable").kendoSortable({
        cursorOffset: { top: 30, left: 30 }
    });
</script>

cursorOffset.left

Number

The left offset of the hint element relative to the mouse cursor/finger.

<ul id="sortable">
    <li>ItemA1</li>
    <li>ItemA2</li>
    <li>ItemA3</li>
</ul>
<script>
    $("#sortable").kendoSortable({
        cursorOffset: { left: 50 }
    });
</script>

cursorOffset.top

Number

The top offset of the hint element relative to the mouse cursor/finger.

<ul id="sortable">
    <li>ItemA1</li>
    <li>ItemA2</li>
    <li>ItemA3</li>
</ul>
<script>
    $("#sortable").kendoSortable({
        cursorOffset: { top: 25 }
    });
</script>