Course T301, Engineering an 800xA System - Advanced

Solution 4.1 Create a element icon

TABLE OF CONTENTS
Solution 4.1 Create a element icon ............................................................................................................................................. 4.1-1
4.1.1 Solution Steps............................................................................................................................................................. 4.1-3
4.1.1.1 Create new graphic element for the agitator ...................................................................................................... 4.1-3
4.1.1.2 Insert graphic from ActiveX Symbol Library .................................................................................................... 4.1-3
4.1.1.3 Create expressions for changing the color ......................................................................................................... 4.1-5
4.1.1.4 Deploy and test the element................................................................................................................................ 4.1-6

4.1-1

Course T301, Engineering an 800xA System - Advanced

4.1-2

Engineering an 800xA System - Advanced

4.1.1 Solution Steps

4.1.1.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.
Solution: Open the Object Type Structure and browse for the Agitator function block
type in the AgitatorLib 2.0-0. Create a new aspect of category Graphic Element and
name it Display icon 1.

4.1.1.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

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

Solution: Open the Graphics Builder for the element. Insert the library by clicking
the menu entry Tools Graphic Libraries. Enable the ActiveX System Control
Library then.

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).

Solution: Create the SFStandard element, right click onto the element and
selecting Properties.

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

Solution:

4.1-3

Engineering an 800xA System - Advanced

Solution 4.1 Create a element icon

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).

Solution: Create the SFStandard element, right click onto the element and
selecting Properties.

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

Solution: Please look at the solution picture above.

4.1-4

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.1.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.

Solution: From the tab card please select the FillColor property and click into the
expression field of it. Type in the start command for an expression: iif(.
From the bottom of the Expression Builder select the Object Property tab card and
select the main object (which is the Agitator function block type) with a click onto
the dot .. From the area to the right browse for the property Out and expand it.
Select then the child property Value and click onto the Insert button at the bottom
of the Expression Builder.
In the expression field of the property FillColor type in a ,. At the bottom please
select the tab card Colors and select the FacePlateColors for it. Browse for the
color On and click the Insert button at the bottom.
In the expression field of the property FillColor type in a ,.Please select the tab
card Colors again, browse for the color Off and click the Insert button at the
bottom.

4.1-5

Engineering an 800xA System - Advanced

Solution 4.1 Create a element icon

The picture below displays the result.

Please repeat the steps for the quirl.

4.1.1.4 Deploy and test the element

Please deploy and test the graphic element then.

4.1-6