Course T301, Engineering an 800xA System - Advanced

Exercise 4.1 Create a element icon

TABLE OF CONTENTS
Exercise 4.1 Create a element icon............................................................................................................................................. 4.1-1
4.1.1 General Information................................................................................................................................................... 4.1-3
4.1.1.1 Objectives............................................................................................................................................................ 4.1-3
4.1.2 Exercise Steps ............................................................................................................................................................ 4.1-4
4.1.2.1 Create new graphic element for the agitator ...................................................................................................... 4.1-4
4.1.2.2 Insert graphic from ActiveX Symbol Library .................................................................................................... 4.1-4
4.1.2.3 Create expressions for changing the color ......................................................................................................... 4.1-5
4.1.2.4 Deploy and test the element................................................................................................................................ 4.1-5

4.1-1

Course T301, Engineering an 800xA System - Advanced

4.1-2

Engineering an 800xA System - Advanced

4.1.1 General Information

In this exercise you will create a icon element for the agitator. The element will be
colored green to indicate a running agitator.

4.1.1.1 Objectives
You will:

Create a graphic element

Open the Graphics Builder for the element

Insert a agitator graphic from the ActiveX Symbol Factory

Create an expression with the Expression Builder

Deploy the element per Graphics Builder

4.1-3

Engineering an 800xA System - Advanced

Exercise 4.1 Create a element icon

4.1.2 Exercise Steps

4.1.2.1 Create new graphic element for the agitator
First step is to create a new graphic element for the agitator.
Please create a new graphic element aspect for the Agitator in the AgitatorLib and
name the aspect Display Element Icon 1.

4.1.2.2 Insert graphic from ActiveX Symbol Library

In the new graphic element aspect we want to insert a graphics which indicates the
agitator. A lot of graphics exists already in the ActiveX Symbol Library.
Please

4.1-4

Open the Graphics Builder for the Display Element Icon 1 element and insert
the ActiveX Symbol Library.

Create a new SFStandard element from the library, open the Properties for the
element and select a graphic for a motor (displayed in the picture below).

In the Properties Window please set the FillColorMode to 1-Shaded and select
a color like displayed in the picture below.

Create a new SFStandard element from the library, open the Properties for the
element and select a graphic for a quirl (displayed in the picture below).

In the Properties Window please set the FillColorMode to 1-Shaded and select
a color like displayed in the picture below.

Move and resize the elements so that the shape is rather as displayed in the
picture below. Please resize the drawing area width as well and leave the
height as it is.

Engineering an 800xA System - Advanced

4.1.2.3 Create expressions for changing the color

The new graphic element should change the color while the motor is spinning. We
need to use the Expression Builder for this.
Please remember: Static value Properties Window, dynamic value Expression
Builder.
Please

Open the Expression Builder for the motor element and select the property
FillColor from the tab card Alphabetic.

Type in the expression string, so that a enabled property Out.Value of the

Agitator type will indicate a green color (Faceplate color On), otherwise a
gray color (Off). This will indicate a running and stopping motor.

Please repeat the steps for the quirl.

4.1.2.4 Deploy and test the element

Please deploy and test the graphic element then.

4.1-5

Engineering an 800xA System - Advanced

Exercise 4.1 Create a element icon

4.1-6