Skip to main content

Dimension - Margin

It allows you to determine the margin which can be set on all the four directions of the UI component, i.e. Top, Bottom, Left and Right and thus adds gap between two components. You need to provide the margin in the number of pixels here.

The Margin properties are used to create space around component, outside of any defined borders.

DrapCode Builder Margin Dimension

Adjusting the Margins of a Component​

As you click on the component around which you want to add margins, the Style Manager of that component opens automatically in the Right Toolbar. You only have to go to the category, "Dimension" and adjust the top, bottom, right and left margins of the component as you want.

DrapCode Builder Margin Adjust

Pixels, Percentage, Viewport, EM & REM​

You can also assign the size in fixed pixels, % of screensize, viewport width, em and rem.

DrapCode Builder Console Parameters