search

ducksboard / gridster.js

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
http://gridster.net/
MIT License
6.03k stars 1.2k forks source link

Drag and drop new widget onto grid #253

Open lukei8ii opened 11 years ago

lukei8ii commented 11 years ago

I want to have a key of widgets in a sidebar and be able to drag them onto the grid as a method of adding new widgets, like http://www.3x4grid.com/.

tOmoness commented 11 years ago

I played about with something like this the other day...

http://jsfiddle.net/tOmoness/AqDNw/3/

I only made the top left image on the side bar draggable, but hopefully it'll help you or at least give you a starting point.

lukei8ii commented 10 years ago

Thanks @tOmoness, the jQuery UI / gridster combo works pretty well as you have it there. I'm probably going to expand the size of the draggable item to match the grid once the mouse has entered the drop zone.

tOmoness commented 10 years ago

No problem, @lukei8ii. Glad I could help. :smile:

rochapablo commented 10 years ago

Could you share how do you solved?