Welcome to BRICKS.
This tutorial covers the first step in working with basic Bricks: learning how to configure a Rect Brick. By completing this chapter, you will easily master the fundamental usage of Bricks in the BRICKS Cloud Intelligent Display.
🕐 Estimated time to complete this tutorial: 3–5 minutes
Step 1: Add a Rect Brick and Use the Alignment Tool to Center It
Create a new Rect Brick with a width of 40 on the Canvas.
Use the alignment buttons located in the red box at the top-right corner to position it.From left to right, the buttons represent:
Align Left
Align Center (Horizontal)
Align Right
Align Top
Align Middle (Vertical)
Align Bottom
For now, use Horizontal Center and Vertical Middle to quickly position the Brick at the center of the Canvas.
Step 2: Configure Brick Properties
Set the Background Color of the Rect Brick to black.
Step 3: Change the Brick Layer Order
By default, newly added Bricks appear at the topmost layer.
To ensure the previously created HelloWorld text appears above the new Rect Brick, use the layer adjustment buttons (highlighted in the red box below) to move the Brick down in the layer order.
You can confirm the layer hierarchy in the Main Canvas panel on the left.
Congratulations! You have now learned the basic concepts of working with Rect Bricks.
The next section will introduce more versatile multimedia visual Bricks.
For any assistance, please click the chat icon in the bottom-right corner. Our team will respond to your questions as quickly as possible.