The colour block component

The colour block component, whose option icon is shown in figure 1, creates a coloured area with options inside it.

Figure 1. the colour block option icon

Colour blocks may have any combination of background colours, border colours, and rounded corners. Examples of the colour block component are shown in figure 2.

Figure 2. examples of the colour block component

Editing a colour block

Above each colour block component is a colour block bar, as shown in figure 3.

Figure 3. a colour block bar

Click on the colour block bar to open the colour block window, as shown in figure 4.

Figure 4. the colour block window

The colour block window lets you change the following settings:

Background colour
The colour for the background of the colour block.
Corner radius
The radius of the corners, in pixels. A value of 0 creates square corners.
Border colour
The colour for the border of the colour block.
Border width
The width of the border, in pixels. A value of 0 will remove the border.

Click OK to apply the changes to the colour block. Click Cancel to return to the page without changing the colour block.