Drag and Drop that needs to use multiple layers

Jun 22, 2022

I am building a tool for a student to do a bubble diagram to plan the organization of a multi-floor building. Since the organization of the second and third floors need to fit within the profile of the first floor I need the student to see the objects they arranged for the first floor.

My thought was to use layers. The first floor would be built on the base layer which could be visible when they go to either the third or second floor layers. Great.

Here's the problem. I need them to have different draggable objects on the second and third floor layers so they can build out those floors, but this does not seem to be possible.

My only other thought was if there is a way to use javascript to capture in image of the first floor slide, as they have arranged it, and set it to the background of a new slide that they can then use to do their second and third floor. The image would also need to refresh if they went back and changed something on the first floor slide.

5 Replies
Caryn May

Nope I take it back. I need help!

I have this mostly work, but I need the Floor 1 objects to always stay on the bottom. If you turn on floor 2 or 3 and put some rooms in, and then go back to floor 1 two things happen that shouldn't:

First the words on the floor 2/3 bubbles stay even though the disabled state has them deleted.

Second, if I move things around on Floor 1 and then go back to floor 2 or 3 adn the floor 1 bubbles stay on top of the floor 2/3 ones and they need to go back to the bottom.

I tried adding send to back as part of the disabled state, but no joy.