Visualizing Processes System Manual, 11/2019, Online Help Printout

Faceplates are a configured group of display and operating objects that you manage and
change centrally in a library. You can use a faceplate in several projects as required. The
faceplates are stored in the project library.
You use faceplates to create individually configured display and operating objects. You can use
faceplates several times in the project or in different projects. All instances of a faceplate in the
project are changed centrally. This reduces the configuration effort.
Faceplates are based on a type-instance model to support the central changeability. You
create central properties for an object in types. The instances represent local points of use of
the types.
● Faceplate type
You create a display and operating object according to your requirements and store it in the
project library. The instances are bound to the respective faceplate type. If you change a
property of a faceplate type, the property is saved centrally and also changed in all
instances. In the faceplate type, you define the properties that can be changed on the
faceplate. You edit a faceplate type in the "Faceplates" editor.
● Faceplate
The faceplate is an instance of the faceplate type. You use a faceplate in screens as a
display and operating object. You configure the variable properties of the faceplate type on
the instance. You assign the tags of your project to the faceplate, for example. If you
configure properties on the faceplate, you overwrite the properties of the faceplate type. The
changes on the faceplate are saved at the point of use and have no effect on the faceplate
type. To reset the variable properties at the faceplate to the properties of the faceplate type,
select "Reset instance" in the shortcut menu.
The figure below shows the relationships between the faceplate type and the faceplate. The
background color of the I/O field is configured in the faceplate type in such a way that every
instance can change the property. Blue is used as the background color in the faceplate type.
You use yellow as the background color in the faceplate.
Visualizing processes
System Manual, 11/2019, Online help printout 265
When you change the background color in the faceplate type, this has no effect on the faceplate
because the "Background color" property is assigned on an instance-specific basis.
Creating a faceplate type (Page 270)

Faceplate editor (Page 267)
Basics of dynamizing faceplates (Page 292)
Example: Configuring a faceplate (Page 294)
Screen basics (Page 37)
Not all HMI devices support every display and operating object. The screen objects that are not
available in the respective HMI device are not displayed when using the faceplate.
Independent of the device, all properties are offered for the configuration during the generation
of faceplates. When using a faceplate in a screen, only the properties supported by the
configured device are available.
The following devices support faceplates:
● WinCC Runtime Advanced

● WinCC Runtime Professional
● KTP 400
● KP 400
● TP 700
● KP 700
● TP 900
266 System Manual, 11/2019, Online help printout
● KP 900
● TP 1200
● KP 1200
● TP 1500
● KP 1500
● TP 1900
● TP 2200
● Mobile Panel 277

● Mobile Panel 277 IWLAN V2
● Mobile Panel 277F IWLAN V2
● Mobile Panel 277F IWLAN (RFID Tag)
● Mobile Panel KTP 400F
● Mobile Panel KTP 700
● Mobile Panels KTP 700F
● Mobile Panel KTP 900
● Mobile Panel KTP 900F
Create faceplate types and edit them in the library view.
The library view for faceplate types consists of several editors, e.g. "Screens" and "Tags" which
are arranged in the work area and the configuration area.
In the work area, place the objects contained in the faceplate type as you usually do in the
"Screens" editor. You can remove objects, or use the "Toolbox" task card to add new objects.
Faceplates cannot be rotated or mirrored.
● Properties
The static and dynamic properties are identified as follows:
– The symbol identifies a dynamic property. Dynamic implementation of this property,
using tags or text and graphic lists.
– The symbol identifies a static property. You change only the values of a static
property.
Static properties are only available for panels and RT Advanced.
You define the faceplate type properties in the "Properties" tab.

You use the following two lists for this:
– The "Contained objects" list
This list includes the properties of the objects contained in the faceplate type. These
properties can only be configured in the faceplate type in the "Faceplate" editor.
– The "Interface" list contains the properties and tags of the faceplate type. The "Interface"
list consists of the pre-defined category "Dynamic properties" and user-defined
categories.
● Events
You define the faceplate type events in the "Events" tab. You use the following two lists for
this:
– The "Contained objects" list contains the events of the objects embedded in the
faceplate type.
– The "Interface" list contains the events of the faceplate.
You create links between the two lists using a drag and drop operation.
● Tags
You can also create faceplate tags on the "Tags" tab. The tags are only available within the
faceplate type. You can interconnect the faceplate type tags directly with an object
contained in the faceplate type.
● Scripts
You configure scripts for the faceplate type in the "Scripts" tab. In the script, you can call
system functions or program new functions to convert values, for example. The scripts are
only available within the faceplate type. They work with VB Script code.
The "Scripts" tab is not available for Runtime Professional.
● Text lists
You can also create and edit texts lists for the faceplate type in the "Text lists" tab. These text
lists are only available within the faceplate type. You can interconnect the text lists of the
faceplate type directly with an object contained in the faceplate type, such as a symbolic I/
O field.
● Graphic lists
If necessary, you can also create graphics lists for the faceplate type in the "Graphics lists"
tab. These graphic lists are only available within the faceplate type. You can interconnect
the graphic lists of the faceplate type directly with an object contained in the faceplate type,
e.g. a graphic I/O field.
● User texts
The "User text" tab shows the contained user text of the opened faceplate type, for example
entries from text lists. You can enter the compilations for the individual project languages
directly in the "User text" tab.
Basics on faceplates (Page 265)

Faceplate types are display and operating objects which are made up of several objects, e.g.
controller modules.
You have opened a screen which contains multiple objects.
1. Select all the objects that you need for the faceplate type.
2. Select the "Create faceplate type" command in the shortcut menu of the multiple selection.
A dialog opens.
3. Enter a name for the faceplate.
4. If necessary, add a comment or change the version number.
The library view opens. Two versions of the type are displayed in the "types" folder. Version
0.0.1 has been released and contains the currently selected objects.
The 0.0.2 version has the status "in progress". Edit the faceplate type in version 0.0.2 as
required.
1. The library view is open.
2. Select the "Add new type" command in the shortcut menu of the project library. A dialog
opens.
3. Select the runtime for which the faceplate type is to be available. An empty faceplate type
is created.
4. Drag-and-drop the objects from the "Toolbox" task card to the work area of the faceplate
type.
The new faceplate type is created and displayed under the selected name in the project library.
The faceplate type is assigned the status "in progress" and the version 0.0.1.

Configuring a faceplate type (Page 272)
Editing the category and property of a faceplate type (Page 276)
Configuring a tag in the faceplate type (Page 277)
Configuring scripts in the faceplate type (Page 278)
Configuring an event in the faceplate type (Page 281)
Configuring a text list in the faceplate type (Page 282)
Configuring a graphics list in the faceplate type (Page 283)
Translating texts directly in the faceplate type (Page 284)
Editing a faceplate type (Page 287)
Resizing a faceplate (Page 288)
Creating an instance of the faceplate type (Page 290)
Removing faceplate from faceplate type (Page 291)
Master copies and types (Page 1902)
In the configuration area of the "Faceplates" editor you define which properties and process
values of the objects contained in the faceplate can be configured in the "Properties" tab.
For tooltip texts configured for objects in the faceplate to be displayed in Runtime, insert the
property "Tooltip text" as faceplate property.
Independent of the device, all properties are offered for the configuration during the generation
of faceplates. When using a faceplate in a screen, only the properties supported by the
configured device are available.
The use of user-defined PLC data types (UDTs) of PLCs S7-300 and S7-400 is not supported.
These PLC data types cannot be selected as a faceplate property.
● The faceplate is generated and is displayed in the "Faceplate" editor.

● The "Properties" tab is open in the configuration area.
1. To create a new property, click the "Add property" button in the interface list.
A new property is displayed in the "Interface" list.
2. To create a new category, click the "Add category" button in the interface list.
A new category including a new property is displayed in the "Interface" list.
3. Click the name of the property and assign a name, for example, "Color".
4. Select the data type.
Note the following rules when entering property names of the faceplates:
● The name must start with a letter.
● The name can contain alphanumeric characters and the underscore.
● The name may not contain more than 255 characters.
● Do not use any UNICODE characters (for example, Chinese characters).
If an element of a faceplate is assigned as data type of the user data type (UDT), the
following rule applies:
The length of the name of a property of the faceplate together with the length of the name
of the lower-level element of the "User Data Type" (UDT) data type must not exceed
126 characters.
You have created a new property.
1. Click an object in the "Contained objects" list.
2. Select a property, e.g. "Appearance > Background color".
3. Move the property from the "Contained objects" list to the desired property in the "Interface"
list by drag&drop.
The connection is displayed as a colored line.
The system assigns the same data type to the property in the "Interface" list as that of the
property in the "Contained objects" list.
To change the data type, select the data type from the data types of the connected property.
4. Repeat step 3 to connect other properties of the contained properties with the interface.
The property from the "Contained objects" list must be in concordance with the data type of
the already connected property of the "Interface" list.
1. Click the connection that you wish to delete.

2. In the shortcut menu select the "Delete" command or use the <DEL> key.
The connection is deleted.
As of V13 SP1, you can use the HMI user data types and the PLC user data types as properties
of the faceplates.
You interconnect the HMI user data types and the PLC user data types with the faceplates
using interface properties by connecting the faceplates with the structural elements of the
interface properties.
To set the HMI user data types and the PLC user data types as properties of the faceplates,
follow these steps:
1. Select the user data type in the selection list under "Type".
2. In the Inspector window under "Properties > Properties > General", select the interface
property of the faceplate in the "Tag" selection list.
The faceplate is interconnected with the user data type.
You have created a new property or a new category with a property. You have connected the
property of the interface with a property of the contained objects. If you use an instance of the
faceplate type in a screen, you configure the properties of the faceplate which you have created
in the "Interface" list.
Static properties are only available for panels and RT Advanced. You work with dynamic
properties in RT Professional.

Linking user data types with objects (Page 142)
1. Select "Edit faceplate" in the shortcut menu. The "Faceplates" editor is open.
2. Select the property which you want to delete in the "Interface" list.
3. Select "Delete" in the shortcut menu.
The property is deleted from the "Interface" list. Existing connections to the contained objects
are deleted. All linked faceplates lose their instance-specific property.
1. Select "Edit faceplate" in the shortcut menu. The "Faceplates" editor is open.
2. Select the category which you want to delete in the "Interface" list.
3. Select "Delete" in the shortcut menu.
The category including the properties is deleted from the "Interface" list. Existing connections
to the contained objects are deleted. All linked faceplates lose their instance-specific properties.
1. Select a property in the "Interface" list.

2. Move the property to a new category by "drag&drop".
You have moved the property to a new category.
1. Select a property in the "Interface" list.

2. Click the second column of the drop-down list.
3. Select a data type.
You have changed the data type of the property in the "Interface" list.

You connect a tag in the faceplate type directly with the properties of the objects contained in
the faceplate type. The tags in the faceplate type are a central means of defining dynamic
properties in the faceplate type.
The tags of a faceplate type have limited functionality. The "Tags" tab of the configuration area
has the same structure as the "Tags" editor.
Use of the "." or "@" character in names of tags in faceplate types is not permitted. Do not use
the special characters in the tag names in faceplates.
In the following situations, you may not assign an array element or a multiplex tag that is
interconnected with a faceplate to a property of a screen object:
● The property is configured in a faceplate as parameter of a system function.
● System functions or scripts are assigned in the faceplate to events of the property.
● The library view is open.

● The faceplate type is created and has the "in progress" status.
● The "Tags" tab is open in the configuration area.
1. Click "Add" in the "HMI tags" table. A new tag is created in the faceplate type.
2. Open "Properties > Events" in the inspector window if necessary. You configure the "Value
change" event on the tag for example.
3. In the work area, select the object to which you want to assign this tag, e.g. an I/O field.
4. Select the tag in the inspector window of the I/O field "Properties > Properties > General >
Process > Tag".
Only tags of the faceplate type are displayed in the object list in the "Faceplates" editor.
You have created a tag in the faceplate type. You are using the tag in the faceplate for scripting,
for example.

In the configuration area of the "Faceplates" editor you create scripts which you only use within
a faceplate type. You can only refer to tags of the faceplate type or properties of the contained
objects within the script. The script is used as a copy in the instance of the faceplate type.

● Faceplate tags or dynamic properties have been created.
1. Click the "Scripts" tab in the configuration area of the faceplate.

2. Double click "Faceplate scripts > Add VB script".
3. Write the program code.
4. Press the shortcut keys <CTRL+J> to Include tags of the faceplate type in the script. The
object list opens.
5. Click "HMI tags".
All tags of the faceplate type are displayed in the object list.
6. Select a tag and confirm the selection.
7. Press the shortcut keys <CTRL+J> to use properties of the faceplate type in the script. The
object list opens.
8. Click "Properties".
All dynamic properties of the "Interface" list for the faceplate type are displayed in the object
list.
You have created a script in the faceplate type. The instance of the faceplate type uses a copy
of the script. The script is executed in runtime depending on the configuration.

In the configuration area of the "Faceplates" editor you define which events of the objects
contained in the faceplate can be configured in the "Events" tab. You configure a function list
on the events of the faceplate in the "Screens" editor.

● The "Events" tab of the configuration area is open.

2. Select an event, e.g. "Activate".
3. Move the event from the "Contained objects" list to a new category in the "Interface" list.
The new event is displayed in the "Interface" list.
The connection appears as a colored line.
4. Double-click the event and, if required, change the name of the event.
You have created an event in the faceplate type. if you use an instance of the faceplate type,
you will only be offered the configured events in the inspector window. You configure a function
list on the event in the faceplate.

In the configuration area of the "Faceplates" editor you define which events of the objects
contained in the faceplate can be configured in the "Events" tab. You configure a function list
on the events of the faceplate in the "Screens" editor.
● The faceplate type is created and is displayed in the "Faceplates" editor.

● The "Events" tab of the configuration area is open.

2. Select an event, e.g. "Activate".
3. Move the event from the "Contained objects" list to a new category in the "Interface" list.
The new event is displayed in the "Interface" list.
The connection appears as a colored line.
4. Double-click the event and, if required, change the name of the event.
You have created an event in the faceplate type. If you use an instance of the faceplate type,
you will only be offered all default settings for events in the inspector window. In the faceplate
you configure a function list or a VB-script or C-script on the event.

In a faceplate type, you connect a text list with an object included in the faceplate type. Text is
assigned to the values of a tag in a text list. The text list is used, for example, to display a
selection list in a symbolic I/O field contained in the faceplate type. The interface between the
text list and a tag of the faceplate type is configured at the object that uses the text list.

● The "Text list" tab is open in the configuration range.
● A tag has been created in the faceplate type.
1. Click "Add" in the "Text lists" table. A new text list is created in the faceplate type.
2. Assign a name to the text list that indicates its function.
3. Select the text list type, e.g. "Value/Range" under "Select".
4. Click "Add" in the "Text list entries" table.
5. Define the values or range of values for the text list.
6. Enter a text for every value range which is displayed in Runtime when the tag is within the
specified value range.
7. Select an object, e.g. a symbolic I/O field, in the work area of the faceplate type.
8. In the Inspector window of the object, enable "Properties > Properties > General > Label >
Text list".
9. Select the "Text list" from the selection list.
10.Select a tag of the faceplate type under "Process > Tag".
You have created a text list in the faceplate type. This text list is linked to an object contained
in the faceplate type. You have configured a faceplate type tag at the object.
Basics on text lists (Page 176)

Creating a text list (Page 178)
In a graphics list, specific graphics are assigned to possible values of a tag. In a faceplate type,
you connect a graphics list with an object included in the faceplate type. Graphics are assigned
to the values of a tag in a graphics list. For example, the graphics list is used to display a
selection list in a graphic I/O field contained in the faceplate type. The interface between the
graphics list and a tag of the faceplate type is configured at the object that uses the graphics list.

● The "Graphics list" tab is open in the configuration range.
● A tag has been created in the faceplate type.
1. Click "Add" in the "Graphics lists" table. A new graphics list is created in the faceplate type.
2. Assign a functional name to the graphics list.
3. Select a graphics list type, e.g. "Range (... - ...)", under "Selection".
4. Click "Add" in the "Graphics list entries" table. A new entry is created in the list.
5. Define the values or range of values for the graphics list.
6. Select a graphic for every value or value range which is displayed in runtime when the tag
is within the specified value range.
7. Select an object, e.g. a graphic I/O field, in the work area of the faceplate type.
8. Activate "Properties > Properties > General > Contents > Graphics list" in the object's
Inspector window.
9. Select the "Graphics list" from the selection list.
10.Select a tag of the faceplate type in "Process > Tag".
You have created a graphics list in the faceplate type. This graphics list is linked to an object
contained in the faceplate type. You have configured a faceplate type tag at the object.
Basic principles of graphics lists (Page 189)

Creating a graphics list (Page 192)
If you use several languages in your project, you can translate individual texts directly. As soon
as you change the language of the software user interface, the translated texts are available in
the selected language.
When you create a faceplate in the "Text" tab, alarm class texts and alarm texts are
automatically created in the tab. These texts are required for the WinCC alarm logging.
● A project is open.
● You have opened the "Faceplates" editor.
● You have created a faceplate type.
● The faceplate type contains at least one object with text, e.g. a text field.
Proceed as follows to translate individual texts:

1. Open the "Tasks" task card.
2. Click the button under "Languages & Resources > Editing language". The "Project
languages" editor opens.
3. Activate at least two project languages.
4. Open the "Texts" tab in the "Faceplates" editor.
A list with the texts in the project is displayed in the work area. There is a separate column
for each project language.
5. Click on the button in the toolbar to group identical texts together.

6. To hide texts that do not have a translation, click on the button in the toolbar.
7. Click on an empty column and enter the translation.
You have translated individual texts in the "Texts" tab of the faceplate type. The texts will then
be displayed in the runtime language.

You have the option to export the texts of the faceplates for translation and then to import them
back again. An OpenOffice XML file is created for the export that can be edited with Microsoft
Excel and other spreadsheet programs. You set the languages available for the export and
import in the "Languages" tab. You export and import the text of a faceplate type using the
buttons "Export project texts" and "Import project texts" in the toolbar.
Alternatively, you can export and import the texts of the faceplates using the commands "Export
texts" and "Import texts" in the "Library" task card. In this case, the project languages defined
for this project are used for the export and import.
● A project is open.
● You have created a faceplate type.
● The faceplate type contains at least one object with text, e.g. a text field.
To export the texts, proceed as follows:

1. Open the faceplate type in the project library.
A list with the texts in the project is displayed in the work area. There is a separate column
for each project language.
3. To export the text to an .xslx file, click "Export project texts" .

The "Export" dialog box opens.
4. Select the source language and the target language in the dialog.
5. Select either the content selected in the current window for export or select the user texts
from categories.
6. Enter the name and path for the export file.
7. Click "Export".
Once the export is successfully concluded, the export file is stored under the specified path.
To import the text back into the TIA Portal after editing or translation, follow these steps:
1. Open the faceplate type in the project library.
3. Click "Import project texts" in the toolbar.
The "Import" dialog box opens.
4. Select the path and name of the import file in the "Select file for import" box.
If you have made changes to the source language in the export file and would like to
overwrite the entries in the project with the changes, select the "Import source language"
check box.
5. Click on "Import".
You have exported the text of a faceplate for translation and imported it back into the TIA Portal
after translation.
All faceplate types in the project library have a status. You create a faceplate type in the "in
progress" status. You can edit the faceplate types as required in this status. When editing is
complete, release the faceplate type.
● A faceplate type has been created.

● The faceplate type has the version 0.0.1. and the status "in progress".
● The "Library" task card or the library view is open.
1. Select version 0.01 of the faceplate type in the project library.

2. Select "Release version" in the shortcut menu.
You have released version 0.0.1 of the faceplate type.
1. Select, for example, the released version 0.0.1 of a faceplate type in the project library.
2. Select "Edit faceplate type" in the shortcut menu.
The library view opens. The new version 0.0.2 of the faceplate type has been created.
The faceplate type has the "In progress" status.
The last released version of the faceplate type is version 0.0.2.

Edit the faceplate type. A new version 0.0.3 is created and the "in progress" status is assigned
to it.
1. Select the faceplate type from the project library.
2. Select "Discard changes and restore type" in the shortcut menu.
All changes to the faceplate type since the last enabling operation are rejected. The faceplate
type is enabled again and has the version 0.0.2.
In the faceplate type, specify the response of the faceplate when it is resized.

● The Inspector window is open.
1. Activate "Properties > Properties > Layout > Fit to size > Auto-size".
2. Select the "Fixed aspect ratio" setting, for example.
This setting retains the aspect ratio when you resize the faceplate.
3. Click the faceplate in the "Libraries" task card.
4. Select "Release version" in the shortcut menu.
You have specified how the faceplate responds when its size in a screen is changed. You can
change the response for a particular faceplate.
Select a faceplate in the screen. Select the required setting in "Properties > Properties > Layout
> Characteristics" in the Inspector window.
In the faceplate type, specify the response of the faceplate when it is resized.

1. Activate "Properties > Properties > Layout > Fit to size > Auto-size."
2. Select one of the following options for "Response to resizing":
– Fixed size
Specifies that the size of the faceplate is unchangeable.
– Proportional
The faceplate is scaled proportionally. The rectangle surrounding the object is not scaled.
– None
No restriction on resizing of the faceplate.
– Original size
Specifies that the size of the faceplate is unchangeable, but the size of the rectangle
surrounding the object can be adapted.
– Keep aspect ratio
The size of the faceplate is changeable. The aspect ratio is kept during resizing.
3. Click the faceplate in the "Libraries" task card.
4. Select "Enable faceplate type" in the shortcut menu.
You have specified how the faceplate responds when its size in a screen is changed. You can
change the response for a particular faceplate.
Select a faceplate in the screen. Select the required setting in "Properties > Properties > Layout
> Characteristics" in the Inspector window.
The faceplate type is stored in the project library. If you use the faceplate type in a screen, you
create an instance of the faceplate type.
Note that a faceplate is always configured for a particular class of HMI devices. For example,
you cannot use a faceplate type that is configured for "RT Professional" in a screen on an "RT
Advanced" HMI device.
The number of faceplate instances per screen is not limited. However, you should be aware of
the fact that the number of faceplate instances used, or the use of scripts in the faceplate
instances, will have an impact on performance.
If you would like to copy a faceplate instance from one project to another project, first copy the
faceplate type to the target project, followed by the faceplate instance.
● A screen is open.
● The "Libraries" task card is opened.
● The project library is open and it contains at least one faceplate type.
Faceplate types are also stored in global libraries. When you add a faceplate type from the
global library to the screen, the system automatically saves a copy of it to the project library.
1. Move the desired faceplate type from a library to the screen by drag&drop.
You have created an instance of the faceplate type. The instance is given the version number
of the most recently released type.
Configure the properties of the faceplate in the Inspector window as required. To dynamize the
faceplate, open the interface in the Inspector window.

Cancel application, to remove specified instances from the update of the faceplate type.

● The faceplate must be used in a minimum of one screen.
1. Select a faceplate on the screen.

2. In the shortcut menu, select "Remove faceplate object from faceplate type".
The faceplate is converted into a group that is independent of the faceplate type. Modifications
of the faceplate type have no effect on this group.

You can dynamically control events and properties of faceplates in two ways:
● Dynamically controlling faceplates
You configure the events or dynamic properties individually for the application point on the
faceplate. To do this, define in the "Faceplates" editor that these properties and events are
configurable in the faceplate. To dynamize the faceplates in the "Screens" editor, use the
scripts and tags that are created in the project.
● Dynamizing the faceplate type
You dynamize the objects which are contained in the faceplate type in the "Faceplates"
editor. You configure the individual objects as in the "Screens" editor. Tags and scripts are
available in the "Faceplates" editor to dynamize properties and events. You do not have
access to the tags and scripts of the project within the faceplate.
Every faceplate created with the faceplate type has the same preconfigured dynamization.
You can edit this dynamic control only in the "Faceplates" editor.
You are using the instance of a faceplate type in an object group. The properties of the
instance are also displayed as properties of the group. Any dynamization with tags, scripts
or animations of the group is not displayed in Runtime.
If you automatically calculate the trigger for scripts on the faceplate type with the "Calculate
trigger automatically (recommended)" option, the update cycle of the instances is about 2
seconds and is independent of the picture update cycle configured in the pictures.
WinCC provides preconfigured dynamic control in the "Animations" task card. You use
animations to dynamize faceplates and faceplate types.
Dynamizing faceplates (Page 293)

You dynamize a faceplate in exactly the same way as you dynamize an object from the "Tools"
task card.
You connect the dynamic properties of the faceplate in the "Screens" editior with a tag or a
script which supplies values to the property in runtime.
You Include tags and scripts which you have created in the project for the faceplate.
● A faceplate is inserted in the screen.
1. Select the faceplate.

2. In the Inspector window, open "Properties > Animation".
The animations available for the selected object are displayed.
3. Select "Horizontal movement" and click the button.
The parameters of the animation are displayed.
A transparent copy of the object is shown in the work area, which is connected to the source
object by means of an arrow.
4. Select a tag for control of movement.
5. Move the object copy to the relevant destination. The system automatically enters the pixel
values of the final position in the Inspector window.
6. Customize the range of values for the tag as required.
In Runtime, the object moves in response to every change in value of the tag that is used to
control the movement. The direction of movement corresponds to the configured type of
movement "horizontal".
Basics of dynamizing faceplates (Page 292)

In this example you create a faceplate in which you can convert the value of a length measuring
system from kilometers into meters. The length in meters is displayed in an output field.
The example is divided into the following steps:

1. Creating a faceplate type
2. Configuring a faceplate type
3. Creating a script in the faceplate type
4. Connecting a script with the contained objects of the faceplate type
5. Creating a faceplate and connecting with a tag

Example: Creating a faceplate type (Page 294)
Example: Configuring a faceplate type (Page 295)
Example: Creating a script in the faceplate type (Page 296)
Example: Creating an instance of the faceplate type (Page 298)
Example: Configuring included objects (Page 300)
You create a faceplate type.
● A screen is open.
● The toolbox window is displayed.
For the example you require objects with the following settings:
Text field Label_Meter Text: Meter

I/O field Output_Meter Mode: Output
Button KM_to_Meter Text OFF: Convert
1. In the toolbox, click the individual objects and drag&drop the objects into the screen.
2. Set the properties as shown above.
3. Select all objects.
4. Select the "Create faceplate type" command in the shortcut menu of the multiple selection.
The "Add type" window opens.
5. Enter "KMtoMeter" as type name.
The faceplate type appears in the project library under the name "KMtoMeter". The faceplate
type is assigned the "in progress" status.
You create the dynamic property and tag of the faceplate type.
1. Click "Properties" in the configuration area of the faceplate.

2. In the "Interface" list, click the icon "Add property".
A new property is added to the "Interface" list.
3. Double click the name of the property and enter "KMToMeter".
4. Click the selection list and select the data type "Int".
The "KMToMeter" property is displayed in the "Interface" list. The symbol identifies the dynamic
property. The property will be linked to a tag in the next step.
1. Click "Tags" in the configuration area.

2. Click "Add" in the "HMI tags" table. A new tag is added to the table. The inspector window
of the tag is opened.
3. In the Inspector window, select "Properties > Properties > General":
4. Enter "BB_Tag" as the name. Select the "Int" data type.
The "KMToMeter" property and the "BB_Tag" of the faceplate type are created in the
configuration area of the "Faceplates" editor.
You create a script that converts the value of a length measuring system from kilometers to
meters.
1. Click "Scripts > Faceplate scripts" in the configuration area.
2. Double click "Add VB script".
3. Press the shortcut keys <CTRL+J>.
The object list opens.
4. Click "HMI tags".
The faceplate tag "BB_Tag" is displayed in the object list.
5. Select the faceplate type tag "BB_Tag". Confirm the selection.

6. Insert an "=" sign.
7. Press the shortcut keys <CTRL+J>. The object list is opened.
8. Click "Properties."
The dynamic property "KMtoMeter" is displayed in the object list.
9. Select the "KMToMeter" dynamic property. Confirm the selection.
10.Enter "*1000" at the end of the code. This corresponds to the conversion factor from
kilometers to meters.
11.Enter the name "Script_1" under "Properties > Properties > General >Setting > Name" in the
Inspector window.
The script has been created in the faceplate type. If you use the "KMtoMeter" faceplate type in
a screen, you assign a tag to the "KMtoMeter" property. The value of this tag is multiplied by
factor 1000 and assigned to the tag of the faceplate type "BB_Tag" as a new value. In this way
you supply values to the tags of the faceplate type.
You insert the faceplate type "KMtoMeter" in a screen and assign a tag to the dynamic property
"KMtoMeter".
● The "Screens" editor is open.

● A new screen has been created.
For the example you require a tag with the following settings:
Kilometer No ULong
1. Create the HMI tag "Kilometer" with the settings named above.
2. Open the "project library" in the "Libraries" task card.
3. Move the "KMtoMeter" faceplate type into the screen by drag&drop.
4. Click "Properties > Properties > Interface" in the Inspector window.
The table shows all the properties which you can dynamize in the faceplate.
5. Click the "Dynamization" column in the "KMtoMeter" line.

6. Select "HMI tag".
7. Click the "..." button.
8. Select the tag "Kilometer" from the object list.
9. Confirm the selection.
The dynamic property "KMtoMeter" is linked with the "Kilometer" tag. During runtime the
dynamic property is supplied with values of the "Kilometer" tag. The values are multiplied by
factor 1000 in the script of the faceplate type and assigned to the tag in the faceplate as a new
value.
You connect the included objects in the faceplate "KMtoMeter" to a faceplate tag and a
faceplate script.
You connect the I/O field with the "BB_Var" tag of the faceplate type. You connect the "Click"
event for a button to the script "Script_1".
The faceplate is displayed in the "Faceplates" editor.
1. Select the "Output_Meter" I/O field in the faceplate.

2. Connect the I/O field with the faceplate tag "BB_Tag" in the "General > Process > Tag"
inspector window.
1. Select the "KM_to_Meter" button in the faceplate.

2. Select "Script_1" in the inspector window under "Events > Click".
The I/O field is connected with the tag of the faceplate type. The button is connected with the
script of the faceplate type.
If you click the button of the faceplate during runtime, the script is executed. The value of the
tag of the faceplate is output in the I/O field.

Visualizing Processes System Manual, 11/2019, Online Help Printout

Uploaded by

Copyright:

Available Formats

You might also like

Visualizing Processes System Manual, 11/2019, Online Help Printout

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Visualizing Processes System Manual, 11/2019, Online Help Printout

Uploaded by

Copyright:

Available Formats

Faceplates are a configured group of display and operating objects that you manage and

Creating a faceplate type (Page 270)

● WinCC Runtime Advanced

● Mobile Panel 277

Create faceplate types and edit them in the library view.

Faceplates cannot be rotated or mirrored.

Static properties are only available for panels and RT Advanced.

You define the faceplate type properties in the "Properties" tab.

The "Scripts" tab is not available for Runtime Professional.

Basics on faceplates (Page 265)

You have opened a screen which contains multiple objects.

Basics on faceplates (Page 265)

● The faceplate is generated and is displayed in the "Faceplate" editor.

1. Click the connection that you wish to delete.

The faceplate is interconnected with the user data type.

Creating a faceplate type (Page 270)

1. Select a property in the "Interface" list.

1. Select a property in the "Interface" list.

Creating a faceplate type (Page 270)

● The library view is open.

Creating a faceplate type (Page 270)

● The library view is open.

1. Click the "Scripts" tab in the configuration area of the faceplate.

Creating a faceplate type (Page 270)

● The library view is open.

1. Click an object in the "Contained objects" list.

Creating a faceplate type (Page 270)

● The faceplate type is created and is displayed in the "Faceplates" editor.

1. Click an object in the "Contained objects" list.

Creating a faceplate type (Page 270)

● The library view is open.

Basics on text lists (Page 176)

● The library view is open.

Basic principles of graphics lists (Page 189)

Proceed as follows to translate individual texts:

5. Click on the button in the toolbar to group identical texts together.

Creating a faceplate type (Page 270)

To export the texts, proceed as follows:

3. To export the text to an .xslx file, click "Export project texts" .

● A faceplate type has been created.

1. Select version 0.01 of the faceplate type in the project library.

The last released version of the faceplate type is version 0.0.2.

Creating a faceplate type (Page 270)

● A faceplate type has been created.

● A faceplate type has been created.

● The Inspector window is open.

Creating a faceplate type (Page 270)

● A faceplate type has been created.

1. Select a faceplate on the screen.

Creating a faceplate type (Page 270)

Dynamizing faceplates (Page 293)

● A faceplate is inserted in the screen.

1. Select the faceplate.

Basics of dynamizing faceplates (Page 292)

The example is divided into the following steps:

Basics on faceplates (Page 265)

You create a faceplate type.