A Center component will automatically center anything you place inside of it. You can control its width, height, and background color.

Adding a Center Component

  • Select the Center component from the Components drawer. You can open the list of components by clicking the + button next to Components.
  • Then, add one or more child components whose content you want to display the circle. In the example below, there are two Text components that are being centered.

Configuration Properties

Component NameTo alter the name of the component. The name is reflected in the Components tree. Defaults to the Center.
WidthDefine the width of the area to be centered.
HeightDefine the height of the area to be centered.
Bg ColorSet the background of the area to be centered.