How do I move all the objects of a container all together?

My game has an object container made of 3 sprites. Basically, it's a big sprite with two sprites pined on it acting as buttons.

At certain times of the game, when clicked, I need the object to :

1) move in front of other objects on the scene

2) move to another layer.

So I send the commands to the main element of the container and find out that

1) only the main element is send in front

2) only the main element is sent to the other layer

I thought that when an order was sent to the main element of the container, the whole container would act accordingly to and behave as a single object. ie, when main element is sent to front, all the object elements would be sent to front and be rearranged. The same when the main element is sent to another layer. All the elements would follow and be put at the right place and zindex.

Is there a simple way to fix this ?

When changing z-order or moving to another layer, you need to do this for each object in the "container".

If you need to do this often, you can make an event which moves all child objects above the parent object on every tick. Also I suggest using hierarchy instead of pin.

For each Parent
Parent pick all Child : Child move in front of Parent

couldn't find the action "Child move in front of Parent"

Sprite -> Move to object

There will be options - move in front, or behind.

Got it. But how do I do if I have many children attached to the main object of a container and many container (that don't share the same objects)

Here's a quick sketch of how it looks like

If you have Square family and Circle family, then the code will be:

For each Square
Square pick all Circle children
...Circle Move in front of Square