[Question]: Margin in containers

[paulo-arthur]

How do I put a margin on a container, I tried this:

var titleContainer = newLayoutContainer(Layout_Horizontal)
titleContainer.widthMode = WidthMode_Expand
titleContainer.xAlign = XAlign_Center
titleContainer.y = 100

I wanna put a vertical margin on this container, like this in CSS:

margin-top: 100px;

But I got this error:

Error: unhandled exception: Controls inside a LayoutContainer cannot be moved manually. [Exception]

How can I solve this?

[simonkrauter]

A LayoutContainer has the properties padding and spacing.

Example:

import nigui

app.init()

var window = newWindow()
window.width = 700
window.height = 500

var mainContainer = newLayoutContainer(Layout_Vertical)
window.add(mainContainer)

block:
  var container = newLayoutContainer(Layout_Horizontal)
  container.frame = newFrame("No padding or spacing")
  mainContainer.add(container)
  container.add(newButton("Button 1"))
  container.add(newButton("Button 2"))

block:
  var container = newLayoutContainer(Layout_Horizontal)
  container.frame = newFrame("With padding")
  container.padding = 30
  mainContainer.add(container)
  container.add(newButton("Button 1"))
  container.add(newButton("Button 2"))

block:
  var container = newLayoutContainer(Layout_Horizontal)
  container.frame = newFrame("With spacing")
  container.spacing = 30
  mainContainer.add(container)
  container.add(newButton("Button 1"))
  container.add(newButton("Button 2"))

window.show()
app.run()

[paulo-arthur]

Thank you so much, it worked!