Container on top of another container?

I know there must be a way to do this, but I can’t seem to figure it out.
How can I place a container that has a component (in this case a flex container, but it could be any type) on top of another container that has another component in it (or just on top of a component)? I want to place the white circle (which is a container with a css style) over the top of the SimpleGauge aligning them so it looks nice.


Placing containers or components on top of each other in perspective is only possible when using a coordinate container.
You can use image to arrange the components.


My personal opinion is stacking components should be avoided. On older platforms, like RSView32, it was sometimes necessary due to lack of functionality. I would find a better way to solve your problem.

1 Like

Thanks for your help. Is there a way to create a new Perspective component where I could then combine the two? It would be nice for it to continue to be responsive.

A coord container is still responsive; it will resize the content inside of it based on its dimensions. You can also add a coord container into your flex container, and then only add those two components into the coord container. I use coord containers sparingly, but they are absolutely necessary imo. I use coord containers for all of my device templates (pumps, motors, valves, etc.) as I’m displaying icons and things that overlay other components. This is essentially what any new component developed in a module would be anyway: components arranged in a coordinate space.

1 Like

Great idea on putting the coord container inside a flex container. It worked great:

Thanks for your help!