HMI Elements (HE)

Only those properties that are relevant to an element are available in the Properties window.

Properties

Background Color \Image

Click the drop-down arrow, and then:

• To open the color palette, click the tab on the left.

• To select an image, click the tab on the rightTo select an image, click the tab on the right.

  To select an image from the UniLogic Library, select UniPics in the Windows Explorer.

  

Background Fill Color

Click the drop-down arrow to the right to select a color.

Line Thickness

Range 1-10 pixels

To adjust thickness, click the bar to the right, and either:

• Type a value and press Enter

or

• Drag your cursor within the bar.

Border Color

Click the drop-down arrow and select a color.

Border Brush

Click the drop-down arrow and select a color.

Border Thickness

Range: 1-10 pixels

To adjust thickness:
Click the bar, and either:

• Type a value and press Enter

or

• Drag your cursor within the bar.

Opacity

Range 1-100%

To adjust opacity / transparency, click the bar to the right, and either:

• Type a value and press Enter

or

• Drag your cursor within the bar.

Tag: Visibility

To control element visibility via Bit:

• 0=Hide (invisible)

• 1=Show (visible)

Text Alignment

The default alignment centers the text horizontally and vertically within the element.

To change the alignment, click the drop-down arrow on the right and select the desired position.

Text Font

Click Font Properties to select a font and style it.

Text Placement

Places the text to the left or right of an item.

Properties

Angle

Range 0-360°

To rotate an element:

• Click the element and drag the rotation handle.  Note that the image will automatically snap to angles of 90-180°. To rotate without snapping, first hold down the Alt button on your keypad, then click and begin the rotation.

or

• Click the bar on the right, and either type a value and press Enter, or drag your cursor within the bar.

Height

Unit: Pixels

To edit height:

• Click the element and drag the sizing handles

or

• Click the field on the right, and either type a value and press Enter, or drag your cursor within the field.

Width

Unit: Pixels

To edit height:

• Click the element and drag the sizing handles

or

• Click the field on the right, and either type a value and press Enter, or drag your cursor within the field.

Position, Horizontal

Unit: Pixels

Shows the current horizontal position of the element.

To edit position:

• Drag the element

or

• Type a value and press Enter

Position, Vertical

Unit: Pixels

Shows the current vertical position of the element.

To edit position:

• Drag the element

or

• Type a value and press Enter