How can I do this activity? Help

[emrahdirek]

In this daisy, when we drag the middle part of the daisy, the other leaves remain at the bottom, but when we move the leaves to their original place and drag them again, they overlap the middle part. How can we prevent this? We adjusted the order of the leaves and the middle part on the timeline. The video is attached.

@Hang @PhuongThuy_Le @gregs

[gregs (Greg)]

I realize this does not answer the question directly but what if you made a small adjustment to the petals so that there was not an overlap when placed?

Something similar to this so that when you place it - it lines up without overlap so the z-index doesn’t matter.

[Betty]

Hi @emrahdirek , if I understand you correctly, you would like the central part of the flower to always be in the foreground…
This topic might be of help to you.

Drag and drop layers

Hi Yuanyuan, When dragging and dropped, a drag source will be raised to make sure that it’s above any drop targets or other objects . You can use JavaScript in the slide On Load event to change the z-order of the top layer so that it’s above the drag source: prez.object('top_shape').node.style.zIndex = 2000; // any value in the range [1500 - 2499] Sample project: z-index drag.approj (216 KB) Regards

[emrahdirek]

This is not exactly what I want

[Hang (Hang Nguyen)]

Hi @emrahdirek,

This issue occurs because dragging an item out and dropping it back in increases the z-index each time. You can prevent this by adding a script to the question’s On Change event to reset the z-index, similar to the sample provided yesterday. However, the most effective approach would be to follow Greg’s method.

Regards,