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

Property	Description
Component Name	To alter the name of the component. The name is reflected in the Components tree. Defaults to the Center.
Width	Define the width of the area to be centered.
Height	Define the height of the area to be centered.
Bg Color	Set the background of the area to be centered.