We use standard itemBoxes segments to set up two two collections of itemBoxes without headers.
Each of the inner boxes contains draggable images.
Experiment with open , drag images and close.
Some team logos. Move them around
Some team logos. Move them around
Or you can ( and try to drag them home)
function randomize(){
var logos=document.querySelectorAll(".logo");
for(var i=0;i< logos.length;i++)
{
var T=Math.floor(Math.random() * (500 - 100) + 100);
var L=Math.floor(Math.random() * (500 - 10) + 10);
itemHolder.setPosition(logos[i].parentNode,L,T);
// or
//var box=itemHolder.getBoxById(logos[i].getAttribute("id"));
//box.setCurrentPos(L,T);
}
}