Drag & Drop Elements of Different Sizes on Grid

Hi All!

I’m trying to create a grid with drag and drop elements of different sizes, which should not be able to be put on top of each other. Does anyone know how to do this?

The use case is a daily labor planner. The view will have a row for each worker, and the columns will be the hours of the day. The elements will be jobs (which can be different lengths of time, eg 1 hour or 3 hours, etc), where the user may want to drag and drop a job from one time to another (horizontally), or from one worker to another (vertically). When they drag and drop the element/job, the job’s database entry should also update.

Any thoughts or pointers would be really appreciated - I’ve been wrestling with how to achieve this.

This topic was automatically closed after 70 days. New replies are no longer allowed.