Topic: HMIWeb Display Shape Sequence Implementation

Contents
Create and Add Shape Sequences to the Display...............................................................................3

Upgrade and Replace Embedded Shapes.........................................................................................29

4/24/2023 Copyright © 2023 Honeywell International Inc. 1

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 This page was intentionally left blank.

2 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

Create and Add Shape Sequences to the Display

Practice
Objective

After completing this lesson, you will be able to:

 Create and configure a pump shape sequence.

Prerequisites

 An Experion PKS Server with HMIWeb Display Builder (needed for database simulation
and lab exercise.)
 “Build the Static Parts of the Displays” must be complete.
 All points must be downloaded and running.

Introduction

The purpose of this lesson is to configure a shape sequence for pumps P62, P63, P68 and P69 and
manually control the pumps using the faceplates.

4/24/2023 Copyright © 2023 Honeywell International Inc. 3

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

A shape sequence consists of a set of shapes that can be used as either a status indicator or as a
simple status animation as shown.

The above shape sequence consists of 3 shapes: an octagon, triangle, and a circle. Each shape would
represent a different point state and be linked to a point/parameter on the server.

For example, if the point is a status point and is in State 0, then the shape for that state is
displayed on the graphic. Similarly, if the point is in State 1, then the displayed shape for that state
is , and State 2 displays as .
In this lab, you will create a shape sequence having 2 states, ON and OFF (you will be provided
additional information in the lab exercises).

4 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

Procedure

Creating Shapes

The following procedure creates the first pump shape sequence to be used (with a left orientation).

 Step Action

1 Click the arrow to the right of the New Display button and select Shape Sequence from
the drop-down box.

A Shape display window opens with a default display name.

ATTENTION

The HMIWeb Display Builder gives each new display a

default, sequential name, but this name can be
changed when saving your display.

4/24/2023 Copyright © 2023 Honeywell International Inc. 5

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

2 From the File drop-down menu:

 Select File > Open and browse to the Shape Library listed below to copy a
standard pump shape. The path to the shape library is:
C:\Program Files(x86)\Honeywell\Experion PKS\Client\HMIWeb Display
Builder\ShapeLib\Industrial\ISA.
 Select BlwrLft.sha and click Open.

3 The shape display will open in HMIWeb Display Builder:

 Right-click the displayed shape and select Copy.
 Close the BlwrLft.sha file.
 Paste the shape in the new shape sequence display you created in Step 1.

6 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

With the shape selected, click the paint bucket (Fill Color) arrow on the toolbar,
and select silver for the fill color.

5 Copy the shape five times and arrange as shown below (you will have six pump shapes
when finished, as illustrated).

ATTENTION

This shape sequence will be used to show the ON and OFF

status of the pumps and will be linked with the appropriate
point after inserted in your display.
A shape should not include dynamic objects for performance
reasons - that is, objects such as alphanumeric and charts that
are linked to database items.

6
Click the (textbox) button on the toolbar to insert a textbox:
 Replace the word Text with B (B will indicate the bad state).
 Change the text color to black, font size 20 and bold.
 Alignment to center.

4/24/2023 Copyright © 2023 Honeywell International Inc. 7

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

7 Place the textbox on the first pump shape as shown below. Arrange the pump shape
using align top, middle or bottom icon at the bottom left of your display.

8 Select the first pump and the textbox:

 Right-click and select Arrange > Grouping > Group to group the pump shape
and the textbox (or select the Group icon at the bottom left of your display).

TIP

In a shape sequence, each shape must be a single object

or a group.
When grouping the text and pump, make sure the size of
your textbox does not extend outside the size of the pump.
If it does, the first object in the shape sequence will be
larger than the other five pumps. This will influence how
the pumps look when inserted into your display.

8 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

9 Select the 2nd, 3rd and 4th shapes:

 Select the Color tab in properties window. Select More Colors
 Change the RGB value to 230

 Change the fill color of the 6th shape to Gray.

 Shapes must be arranged (left-to-right) in the appropriate order. That is, the first
shape is the left-most shape and represents the lowest state of the point – in our
example, State 0.
 A separate shape is created for each possible state of the point/parameter that
will use the sequence.

 In the example above:

Shape 1 can be used to represent a bad value or State 0.

If the bad value option is selected, then the second shape is used to represent
State 0. (We will not select the bad value option in this lab exercise; therefore,
the first pump shape will represent State 0).
Shapes 2, 3, and 4 are dummy placeholders (these shapes are needed
because this point type (a device control point) can have 6 possible state
enumerations or states, and you must account for every possible state in your
shape sequence).
Shape 5 represents the pump in the OFF state (State 4).
Shape 6 represents the pump in the ON state (State 5).

4/24/2023 Copyright © 2023 Honeywell International Inc. 9

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

10 The following table relates the pump states to the shapes you have created.

Shape State Description of Shape Sequence

Number the state

1 State0 Bad or State0

Silver with text

2 State1 Dummy

Light Gray

3 State2 Dummy

Light Gray

4 State3 Dummy

Light Gray

5 State4 OFF

Silver

6 State5 ON

Gray

10 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

11 Double-click your shape sequence display (background) to open the Shape Properties
window:
 The “Use first shape for bad value” checkbox is useful in the case of a status
indicator where the first shape can be used to represent a bad value - for
example, when the server cannot access a point parameter. Our first pump
labeled “Bad” could be used for this purpose. However, in our lab exercise we
are not implementing this feature because we are using a simulated control
environment. Do NOT check the bad value checkbox.
 Close the Shape Properties window.

12 Save the shape sequence as P62 to the following location:

C:\ProgramData\Honeywell\Experion PKS\Client\Abstract

TIP

If you wish to follow the recommendations for naming

shapes, then this shape would be called SS_P62
(SS = Shape Sequence).

4/24/2023 Copyright © 2023 Honeywell International Inc. 11

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

13 Close the Shape Sequence display.

14 If you have performed the previous lab as per pre-defined course sequence, then open
< D_100_IND.htm > from Abstract folder, else open display < D_100_IND.htm > from
C:\ProgramData\Honeywell\Experion PKS\Client\DisplayDB

12 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

15 Select Edit > Insert Shape to open the Insert Shape window:
 Select the pump shape P62.sha.
 Note the shape Preview pane at the bottom.
 Click Open.

ATTENTION

You can also click on the Insert Shape from File icon,
draw a bounding box for the shape’s location in your
display and then browse for the shape.

4/24/2023 Copyright © 2023 Honeywell International Inc. 13

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

16 The new pump shape is inserted into the display.

 By default, the first shape in the sequence is shown and is the placeholder for
the shape sequence.

ATTENTION

When you use the Edit > Insert Shape method for inserting a
shape, the inserted shape is randomly placed in the top left portion
of your display, whereas if you use the Insert Shape icon method,
you have more control for object placement because you draw a
bounding box for the inserted shape’s location.

17 Select the pump shape and move it under the Reflux drum as shown.

14 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

Configuring Shapes in the Display

This procedure configures the newly created shape.

 Step Action

1 Right-click the pump shape, select Property Pages and enter following data:
Name: SS_P62
ToolTip: P62
Accept the defaults for the remainder of the General tab parameters.

4/24/2023 Copyright © 2023 Honeywell International Inc. 15

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

2 Click the Behaviors tab and select Shape Sequence Animation and Faceplate option.

3 Select the Details tab and notice the number 1 in the Display shape field.
 This indicates that the first shape in the shape sequence will be the placeholder
in your display for the shape sequence. (Also note that the Details tab provides
the shape file name.)

16 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

4 Select the Data tab and enter the following:

Type of database link: Point/Parameter
Point: 11_HS62
Parameter: DEVCTLA.GPV

Accept the defaults for the other Data tab parameters.

5 Select the Animation tab; notice the number 6 in the Number of shapes field. There
were 6 shapes/pumps created in this shape sequence.
 Close the shape properties when finished.

ATTENTION

Your shape sequence required six pump shapes

because this point type (a device control point) uses
State 4 and State 5 for on/off control.

4/24/2023 Copyright © 2023 Honeywell International Inc. 17

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

6 The shape sequence “placeholder” is now connected to a database point and parameter.

7 Repeat the above Insert Shape procedure to add another pump as shown.
(Or copy the pump already inserted into your display and modify the properties.)

8 Right-click the new pump and select Edit Properties.

Enter the following information on the General tab:
Name: SS_P63
ToolTip: P63
Accept the defaults for the other General tab parameters.

9 Click the Behaviors tab and select the Shape Sequence Animation and Faceplate
check box.

10 Select the Details tab and verify the number 1 in the Display Shape field.

18 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

11 Select the Data tab.

Enter the following details:
Type of database link: Point/Parameter
Point: 11_HS63
Parameter: DEVCTLA.GPV
Accept the defaults for the other Data tab parameters.

12 Select the Animation tab; notice 6 in the number of shapes field.

 When finished, close the Properties window.

13 Save your D_100_IND display as D_100_SHA in the C:\ProgramData\Honeywell\

Experion PKS\Client\Abstract folder.

4/24/2023 Copyright © 2023 Honeywell International Inc. 19

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

Adding Additional Shapes to the Display

 Step Action

1 Browse to the abstract folder and Open the shape sequence as P68.sha
(P68.sha Shape sequence is right pump orientation)

2 Insert the pump shape sequence P68 as shown (refer to the previous Creating Shapes
procedure if needed.)

3 Right-click the inserted pump shape and select Edit Properties.

Enter the following data:
Name: SS_P68
ToolTip: P68
Accept the defaults for the other General tab parameters.

4 Click the Behaviors tab and select Shape Sequence Animation and Faceplate
checkbox.

5 Select the Details tab and notice the shape file name and the number 1 in the Display
Shape field.

6 Select the Data tab, and enter the following details:

Type of database link: Point/Parameter
Point: 11_HS68
Parameter: DEVCTLA.GPV
Accept the defaults for the other Data tab parameters.

7 Select the Animation tab; verify the number 6 in the Number of shapes field.
 Close the Properties window when finished.

20 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

8 Insert the same shape sequence (P68.sha) for the last pump P69, or copy the pump
already inserted. (Refer to steps shown in Creating Shapes procedure if needed.)
Compare the size of this blower with the shape sequence you inserted for pumps P62
and P63. If necessary, adjust the size of the new shape, BlwrRght, to conform to the size
of the BlwrLft pumps.

TIP

Reminder: To make all pumps an equal size, first select the pump that is
the correct size and shape. Then, select the other pump objects. (The first
object selected is the primary object and has white handles.)

Select the resize icon. The objects selected will become the same
height and width as the primary object.

9 Right-click the pump shape and select Edit Properties.

Enter the following data:
Name: SS_P69
ToolTip: P69
Accept the defaults for all other parameters.

10 Click the Behaviors tab and select Shape Sequence Animation and Faceplate
checkbox.

11 Select the Details tab and verify the number 1 in the Display Shape field.

12 Select the Data tab, and enter the following details:

Type of database link: Point/Parameter
Point: 11_HS69
Parameter: DEVCTLA.GPV
Accept the defaults for the other parameters.

13 Select the Animation tab; notice the number 6 in the Number of shapes field.
 Close the Properties window when finished. Your inserted pumps should
resemble the below example.

14 Save your D_100_SHA display in the C:\ProgramData\Honeywell\Experion PKS\

Client\Abstract folder.

4/24/2023 Copyright © 2023 Honeywell International Inc. 21

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

Testing the display in the Station

The following procedure is used to test the display in the Station.

 Step Action

1 Open Station window

Call D_100_SHA display.
Pumps are “OFF” and will be displayed in silver as shown.

2 Left click pump P62 and hold the mouse button to see the status of pump in the station
message zone.

22 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

3 Click the first Pump P62 to invoke the faceplate.

4 Select the Start OP from dropdown menu button and notice that PV also changed to
Start.

4/24/2023 Copyright © 2023 Honeywell International Inc. 23

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

5 The color of the pump will change from silver to gray.

Gray color shows that pump is in START state now.

6 Left click pump P62 and hold the mouse button to see the status of pump in the station
message zone.

7 Change the state of the first pump P62 back to stop.

Change the state of the second pump P63 to start.

ATTENTION

Only one pump out of the pairs (P62, P63 and P68,
P69) will get started at a time. This is because of the
interlocks present, which was created at the time of
database creation.

24 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

8 Similarly change the state of the other two pumps (P68, P69) one by one and check the
change in color of the pumps.

9 Double click the pump P62 to open the Detail Display.

4/24/2023 Copyright © 2023 Honeywell International Inc. 25

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

10 Change the Execution state of the point 11_HS62 from ACTIVE to INACTIVE

ATTENTION

The user should have MNGR access level to change

the Execution state to inactive.

11 Re-call D_100_SHA. The P62 pump is showing B (the first shape in your shape
sequence).
You have inactivated the Control Module for P62 so the server is not finding the
connection.

Left click pump P62 and hold the mouse button to see the status of pump in the station
message zone.

This indicates a loss of connection.

26 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

 Step Action

12 Repeat previous steps to test the bad values on the other pumps.

13 Change all the points back to active state.

4/24/2023 Copyright © 2023 Honeywell International Inc. 27

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Create and Add Shape Sequences to the Display

This page was intentionally left blank.

28 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

Upgrade and Replace Embedded Shapes

Practice
Objective

The purpose of this lesson is to learn how to upgrade or replace shapes in your displays.
After completion of this lab, you will be able to:
 Upgrade and replace Embedded Shapes in displays.

Prerequisites

 An Experion PKS Server and HMIWeb Display Builder (to complete the lab exercises.)
 A pre-built display.

Introduction

HMIWeb Display Builder is one of the Graphic Building Tools of Experion PKS.
The purpose of this lab is to:
 Upgrade an existing shape in your display with a modified version of the same shape and
replace an Embedded Shape used in a display with a shape of a different name.
 This section provides the techniques to Upgrade Embedded Shapes and Replace Shapes in
Process Displays.

4/24/2023 Copyright © 2023 Honeywell International Inc. 29

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

Procedure

ü Step Action

1 Open display < D_100_SHA.htm > from C:\ProgramData\Honeywell\Experion

PKS\Client\Abstract that should look similar to the one shown below.

Save your display as D_100_Upgrade in the Abstract folder.

2 Open your shape sequence display P62.sha.

 Draw two lines in a cross shape as shown using the line tool
 Change the width of the lines to 3px in the Properties window.

 Place the cross on the first shape as shown. Adjust the size of the lines
if necessary.

Remember to group the first pump as it has been modified. Each object in a
shape sequence, if it is made up of multiple components, must be grouped.

Save your shape sequence with the same name (P62) in the abstract file.

30 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

3 Select P62 in your D_100_Upgrade display.

 Using the Tools drop-down menu, select Upgrade Embedded Shapes.

4 A dialog box appears informing you that the selected embedded shapes will be
upgraded. Select Upgrade.

 Even though only one shape was selected, if your display contains
several occurrences of the same shape, ALL shapes will be upgraded.

4/24/2023 Copyright © 2023 Honeywell International Inc. 31

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

5 After selecting Upgrade, a dialog box appears if the upgrade was successful.
Select OK.

If you receive an “unsuccessful” message, the usual reason is that your shape
location has not been defined in the Tools > Options section on the Shapes tab.
You must list the storage location of your shapes to upgrade successfully.

6 Your D_100_upgrade display should now contain the modified P62 shape, as
shown.

 Save As your display D_100_Upgrade in the abstract folder.

32 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

7 To replace an embedded shape with a different shape:

Select Replace Shapes from the Tools drop-down menu as shown below.

8 The Replace Shape dialog box will appear as shown.

4/24/2023 Copyright © 2023 Honeywell International Inc. 33

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

9 Click on Add new row, new row gets added then select the drop-down arrow in
the “current shape file”; this provides a list of shapes available in the display for
replacement.

 Select compressor.sha from the drop-down list.

34 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

10 Browse the New shape file field to the following location and select chiller.sha.
“C:\Program Files (x86)\Honeywell\Experion PKS\client\HMIWeb Display
Builder\ShapeLib\Custom_Shapes\chiller.sha”

Note: The “Resize display objects to match size of new shape” option is Yes, by
default, and provides a choice to either retain the current size of the shape or to
resize the shape objects to match the size of the new shape.
 Select No option to retain the original shape size.
 Click Replace.

ATTENTION

The folder Custom_Shapes contains the shapes

which will be used in this course. This folder is not
created automatically with Experion installation. This
folder was created and copied at this location
specifically for this course.

4/24/2023 Copyright © 2023 Honeywell International Inc. 35

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

11 A message box will appear when the operation is complete saying “Replace
operation completed successfully” as shown below:
 Select OK.

12 The Shape is successfully replaced.

36 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

13 Select the drop-down arrow for the Current shape file to see that the
compressor.sha has been replaced. The new shape appears in the drop-down
list.

14 Close the Replace Shapes dialog window.

15 Your display will have the new shape as illustrated. Size the new shape (if
required) to fit your display.
 Save As your display as D_100_Replace in the abstract folder.

4/24/2023 Copyright © 2023 Honeywell International Inc. 37

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

16 Call D_100_Upgrade and D_100_Replace in Station to see the upgraded pump

shape and replaced compressor shape. (To see the upgraded pump shape B
with cross, make the associated point 11_HS62 inactive.)

17 To use the Bulk replacement of shapes across multiple displays and shape files:
 Open the D_100_Upgrade.htm display.
 Do a “save as” and save the display as Test1.htm, Test2.htm and
Test3.htm in the abstract folder.
You now have three displays that look similar to the one shown below. If You
missed to close any display, then shape will not upgrade. These three displays
will be used to demonstrate the bulk replacement feature.

Close all displays in HMIWeb Display Builder and open a blank/new display.

38 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

18 From the Tools pull-down menu select the Replace Shapes to replace multiple
shapes.

19 Replace Shapes window will appear.

 Select Replace shape(s) across multiple displays.

4/24/2023 Copyright © 2023 Honeywell International Inc. 39

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

20 An explanation of the Replace shape(s) across multiple displays is given

below. (The lab exercise continues with step 21.)
Display Folder:
 Browse to the path of the folder containing the shape files to be
replaced. You have the option of “including subfolders” - if this shape
is embedded in any shapes that may be in other displays, it will also be
replaced with the new shape.
 By default, this path is C:\ProgramData\Honeywell\Experion PKS\
Client\Abstract

Backup files to:

 Browse to the path for the folder where we want to save the backup
of old displays.
 By default this path is C:\ProgramData\Honeywell\Experion PKS\
Client\Abstract_backup

Old Shape:
 Type the shape file name that is to be replaced.
New Shape:
 Browse to the new shape file that will replace the old shape.
Resize Objects:
 The Resize option provides a choice to either retain the current size of
the shape or to resize the shape object (and if necessary, any groups
containing these shapes) to match the size of the new shape.

40 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

21 Select the “Include subfolders” option.

Select Backup files to option, by default this path is C:\ProgramData\
Honeywell\Experion PKS\Client\Abstract_backup

For the Old shape, type the shape to be replaced - compressor.sha

Browse to the new shape that is to replace compressor. The new shape is
chiller.sha and is located in the following path:
“C:\Program Files (x86)\Honeywell\Experion PKS\client\HMIWeb
Display Builder\ShapeLib\Custom_Shapes”

Keep Resize Objects option ‘Yes’ and select Replace.

22 Replace operation completed successfully dialog box will appear.

Compressor shape in all the displays that are saved in that Abstract folder are
replaced.
 Select OK.

4/24/2023 Copyright © 2023 Honeywell International Inc. 41

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Display Shape Sequence Implementation
Upgrade and Replace Embedded Shapes

ü Step Action

23 Close the Replace Shapes window.

TIP

If there were 3 shapes with the same name in the same file then
the message would read, “Replaced 3 shapes in 1 file”.

24 Open the Test1, Test2 and Test3 displays in Station. The displays will have the
compressor shape replaced with the chiller.sha.

ATTENTION

To compare the Replace Shape functions:

To replace shape(s) invoke Tools ->Replace Shapes option in

HMIWeb Display Builder.

Select option “Replace shape(s) in current display” to replace

shapes in current display.

Select “Replace shape(s) across multiple displays” to

replace shapes across multiple displays.

If the page is opened in Station, then old shape is visible as

long as the display was NOT saved in HMIWeb Display Builder.

After saving the display and calling the graphic in Station, the
new shape is shown.

25 Open your D_100_SHA display in HMIWeb Display Builder. Notice that the
chiller.sha replaced the compressor in this display as well as your test displays.
 Using the Replace Shapes selection on the Tools menu, replace the
chiller.sha with compressor.sha, which is located in the
ShapeLib>Custom_Shapes.
 Save As D_100_SHA to the Abstract folder when finished.

After this lab move the displays Test1, Test2 and Test3 from abstract folder to
the location C:\ProgramData\Honeywell\Experion PKS\Client\DisplayDB.

42 Copyright © 2023 Honeywell International Inc. 4/24/2023

Honeywell Academy written permission required to distribute
Honeywell Confidential and Proprietary