Hello everyone, I hope you are well.
I need to define margins on my elements inside the canvas, but when I use padding, only the canvasRenderE1 modifies, I would like to move the image.
image dataurl={asset "asset-98f5c52a-1142-488f-81c6-1cb5da744de5"} mode="contain"
| render css=".canvasRenderEl{
border: 10px;
padding: 10px;
margin-left: 10px;
}"
1 Like
Hi, did you try using transform / translate
?
image dataurl={asset "asset-98f5c52a-1142-488f-81c6-1cb5da744de5"} mode="contain"
| render
containerStyle={containerStyle border="10px solid black" padding="10px"}
css="transform: translate(10px, 0);"
reference:
Yes, I tried, but what I really need is to move the complete ".canvasRenderEl", to leave a margin on the sides.

Hello @ifalanrocha , did you manage it? If not, could you send a screenshot of the whole screen, the code and what exactly you want to change? It might be better to have an overview to help.
Hello @Alex_Salgado-Elastic , yes, I still need it, the project lost priority, but I still wanted to understand how to move the whole thing, not just the image inside.