Center Aligning of draggable Items

Center Aligning of draggable Items

by Kushan Rathnasekara -
Number of replies: 1

Dear All,

Could you please guide me on how i make draggable items placed at the center when i drag & drop them in to the drop zone.

My question is like the below.


When i drag them to the drop zone they will be left aligning. What i want it to make them center aligning. 


Pls guide me.


Thanks...

Average of ratings: -
In reply to Kushan Rathnasekara

Re: Center Aligning of draggable Items

by Dave Sherwin -
Picture of Particularly helpful Moodlers

Have you ticked Enable Auto-Align for the dropzone?

I believe when you have that ticked the elements will auto-align to the left like your example. I think there is not an auto-align to the center/middle so you could leave the enable auto-align unticked. Then the images would just be anywhere in the dropzone where the student would have placed them. This probably is not the solution you are hoping to use with elementary students.

So when we create drag and drop activities with images, we try to make the images all the same size so that each object fits perfectly in the dropzone. So all images would have the same size transparent background that would match the same size of the dropzone. Then we add the images circle, square, rectangles, etc... to be placed in the center of the transparent background and save each image. This way we can enable auto-align for those elementary students and it works the way you want.
Average of ratings: Useful (2)