A container that keeps a margin around its child controls.
[MarginContainer] adds an adjustable margin on each side of its child controls. The margins are added around all children, not around each individual one. To control the [MarginContainer]'s margins, use the [code]margin_*[/code] theme properties listed below.
[b]Note:[/b] The margin sizes are theme overrides, not normal properties. This is an example of how to change them in code:
[codeblocks]
[gdscript]
# This code sample assumes the current script is extending MarginContainer.
var margin_value = 100
add_theme_constant_override("margin_top", margin_value)
add_theme_constant_override("margin_left", margin_value)
add_theme_constant_override("margin_bottom", margin_value)
add_theme_constant_override("margin_right", margin_value)
[/gdscript]
[csharp]
// This code sample assumes the current script is extending MarginContainer.
int marginValue = 100;
AddThemeConstantOverride("margin_top", marginValue);
AddThemeConstantOverride("margin_left", marginValue);
AddThemeConstantOverride("margin_bottom", marginValue);
AddThemeConstantOverride("margin_right", marginValue);
[/csharp]
[/codeblocks]
$DOCS_URL/tutorials/ui/gui_containers.html
All direct children of [MarginContainer] will have a bottom margin of [code]margin_bottom[/code] pixels.
All direct children of [MarginContainer] will have a left margin of [code]margin_left[/code] pixels.
All direct children of [MarginContainer] will have a right margin of [code]margin_right[/code] pixels.
All direct children of [MarginContainer] will have a top margin of [code]margin_top[/code] pixels.