3 Replies Latest reply on Oct 24, 2017 5:58 AM by resdesign

    Symbol Drag Drop - Snap to Droppable (Jquery)

    ljr63114134

      Hi all

       

      Have been trying different option and still can't seem to get my symbol when dragged onto droppable location to snap in center.

       

      Testing currently and dragging and dropping with revert work ect.

       

      Currently have an Symbol of an animal as follow:

       

      Symbol 1 - Draggable item

       

      mouseover

       

      sym.$("Symbol_1").draggable({ opacity: 0.35 , revert: "invalid" });

      sym.$("Symbol_1Copy").droppable({

      accept: sym.$("Symbol_1")

      });

       

      So when item is moved over onto Symbol_1Copy it does not center but drops and causes overlap.

       

      Example:

       

      Normal view before moving symbol:

       

      normal.PNG

       

      When dropping symbol:

       

      dropped.PNG

       

      Any assistance would be appreciated to resolve my issue.

       

      Much appreciated.

       

      Regards,

       

      L