Put an element (shape) over an image

Hello,

For the purposes of my application, I would like to place an element on top of an image. Here’s the context:

In the top right-hand corner of my dashboard, the user’s profile photo is displayed. To show the user’s status (online or offline), I’d like to display a small green circle when the user is connected and a red circle when he’s disconnected.

I’ve managed to do this, but I’m having a little problem with the display. Here are the results when I’m in the editor:

Capture d’écran 2024-06-22 à 19.25.48

And here’s the online result:

Capture d’écran 2024-06-22 à 19.26.02

I’ve tried displaying the circles using different methods: shape or floatting group, but this doesn’t allow me to display the circles as I’d like. I’d like the circle to be in the foreground, on top of the image.

Do you have any advice on how to achieve this? Thank you very much for your help :slight_smile: !

Just right click on the dot and bring it to front. If this doesn’t work, share layout and your elements.

This topic was automatically closed after 70 days. New replies are no longer allowed.