GUI - Set object outside the grid cell boundaries

[Rangerz132]

Hi! I’m currently facing some issue with the GUI.

I’m trying to implement an object (represented by the green circle in the image below) which will always be at the top right corner of a cell in a grid with a certain offset. The issue issue I’m facing is that when I’m trying to add some margin to that element, the rest of the object is masking by the cell.

Here’s the mockup I’m trying to achieve

Is there any solution? Thanks

[sebavan]

cc @carolhmj

[Takemura]

Here I gave my best to simply reproduce your mockup, utilizing StackPanel, paddingTop and paddingRight:

Babylon.js Playground

The trick is to set ellipse.width increased by paddingRight.