Drag item to sortable and on drop insert different element?

Drag item to sortable and on drop insert different element?


I have a container with a series of draggable icons, and I have a sortable container that can hold widgets. Each draggable icon represents a widget.

How can I drag the icon to the sortable, and on drop insert the corresponding widget ?

Any help would be greatly appreciated!!