[CS1] Add Box

Draw a rectangle on your component. These are all the properties of Add Box and what they do:

Basic Properties

Name

A label that you can use to easily identify this step.

Color

The color of the box to be drawn. This can be the name of a color like blue or a six or eight digit color code like #0000ff or #0000ffff. The eight digit color code allows you to specify an alpha channel (opacity).

Filled

Should the box be filled with it's color, or not?

Position X

A number between 0 (left side) and the width of the component that you are designing for (right side).

Position Y

A number between 0 (top) and the height of the component that you are designing for (bottom).

Width

A number between 0 and the width of the component.

Height

A number between 0 and the height of the component.

Advanced Properties

Opacity

A number between 0 and 100 that represents how translucent this step will be. 0 means that it will be fully invisible (or transparent). 100 means that it will be fully visible (or opaque).

Rotate

A number between 0 and 360. It represents the degrees that this step will be rotated. Rotation is done via the center point.

Conditionally Render

Allows you to turn off this step programatically. If this field has any contents, then it will be processed by the template engine. If after processing the field has any value other than empty or 0, It will render. If it is empty or 0, it will not render, much the same as if you had disabled it.