Question

it might sound weird when I post this, How do i combine jQuery UI Portlet

Currently when the user drags widgets between columns, it gets sorted, What I am looking at is when the user drags a widget to the center of another widget, these 2 widgets should get combined. Know this is pretty weird, but looking at someone to guide as to where I should be starting at ??
Thanks in advance

Answer 1

use tolerance to check whether the div is within dropped div or not

$( ".column" ).droppable({
        activeClass: "ui-state-hover",
        hoverClass: "ui-state-active",
        tolerance: 'fit',
        drop: function(event, ui) {
        }
    });