Revert animation not working when dragEnd.

2 posts, 0 answers
  1. Vedat
    Vedat  avatar
    2 posts
    Member since:
    Apr 2017

    Posted 08 Mar 2018 Link to this post


    I have a "table" and labels inside table's td.I applied kendoDraggable to all labels in tds. And the all tds also droppable. Briefly, i want to move elements (which insde table cell) to another cell. 

    Everything seems ok, i can drag and drop but when i drag element to not droppable area, element disappeared, not reverting with animation. And some laggy behaviour when dragging. Am i missing a point ?

    Here is my implementation

    $("#itemTable label.item-label").kendoDraggable({
                    hint: function (element) {
                        var clone = $(element).clone();
                        $(clone).css('border', "1px solid black");
                        $(clone).css('width', 'auto');
                        $(clone).css('background-color', '#ffffff');
                        return clone;
                    dragstart: draggableOnDragStart,
                    drag: draggableOnDrag,
                    dragend: draggableOnDragEnd,
                    dragcancel: draggableOnCancel

                $("#itemTable tbody tr td").kendoDropTarget({
                    dragenter: droptargetOnDragEnter,
                    dragleave: droptargetOnDragLeave,
                    drop: droptargetOnDrop

                function droptargetOnDrop(e) {


  2. Vedat
    Vedat  avatar
    2 posts
    Member since:
    Apr 2017

    Posted 09 Mar 2018 in reply to Vedat Link to this post

    Finally i found the missing point. I applied draggable property to label. When i changed it to div, it's worked.  

Back to Top