Skip to main content

SpaceBox

The SpaceBox widget is a fixed-size box that occupies empty space at the size you specify.
Use it to create explicit, consistent spacing between widgets.

Definition and role

The SpaceBox widget draws an empty box that has only a width (width) and a height (height). It has no text, background, or border and simply takes up space, which makes it the right tool for inserting a fixed gap between other widgets.

  • Category: Dividers (dividers and spacing)
  • Created at a default size of 20 × 20.

Features

FeatureDescription
Fixed spacingCreates empty space the size of width and height to push widgets apart.
Empty boxTakes up space only, with no visible elements such as text, a background, or a border.

How to use

  1. Open the Dividers category in the left widget palette.
  2. Drag and drop the SpaceBox item onto the canvas.
  3. Adjust the width and height under Size in the property panel on the right to create the gap you want.

Properties

PropertyDescriptionDefaultValue / type
SizeSize of the empty box — a grouped property that sets the width and height together20 for both width and heightSize (width and height, number in px)

Notes and tips

tip

SpaceBox is a pure spacing widget whose size comes from just two values, width and height. It has no visible elements such as text, a background, or a border.

note

To create a gap between widgets, drop a SpaceBox inside a layout such as Row or Column. The larger the value, the wider the gap.

Learn more

tip

For the full set of Widget Controls (Property, Method, Event) that let you drive this widget from a script, visit SpaceBox Widget Control.