Siemens

Industry
Online
Support

MANUAL

HMI Template Suite

Wizard
(WinCC Unified)
SIMATIC WinCC Unified V19
Legal information
Use of application examples
Application examples illustrate the solution of automation tasks through an interaction of several components in the form of text,
graphics and/or software modules. The application examples are a free service by Siemens AG and/or a subsidiary of Siemens AG
(“Siemens”). They are non-binding and make no claim to completeness or functionality regarding configuration and equipment. The
application examples merely offer help with typical tasks; they do not constitute customer-specific solutions. You yourself are responsible
for the proper and safe operation of the products in accordance with applicable regulations and must also check the function of the
respective application example and customize it for your system.
Siemens grants you the non-exclusive, non-sublicensable and non-transferable right to have the application examples used by technically
trained personnel. Any change to the application examples is your responsibility. Sharing the application examples with third parties or
copying the application examples or excerpts thereof is permitted only in combination with your own products. The application examples
are not required to undergo the customary tests and quality inspections of a chargeable product; they may have functional and
performance defects as well as errors. It is your responsibility to use them in such a manner that any malfunctions that may occur do not
result in property damage or injury to persons.

Disclaimer of liability
Siemens shall not assume any liability, for any legal reason whatsoever, including, without limitation, liability for the usability,
availability, completeness and freedom from defects of the application examples as well as for related information, configuration and
performance data and any damage caused thereby. This shall not apply in cases of mandatory liability, for example under the German
Product Liability Act, or in cases of intent, gross negligence, or culpable loss of life, bodily injury or damage to health, non-compliance
with a guarantee, fraudulent non-disclosure of a defect, or culpable breach of material contractual obligations. Claims for damages
arising from a breach of material contractual obligations shall however be limited to the foreseeable damage typical of the t ype of
agreement, unless liability arises from intent or gross negligence or is based on loss of life, bodily injury or damage to health. The
foregoing provisions do not imply any change in the burden of proof to your detriment. You shall indemnify Siemens against ex isting or
future claims of third parties in this connection except where Siemens is mandatorily liable.
By using the application examples you acknowledge that Siemens cannot be held liable for any damage beyond the liability provisions
described.

Other information
Siemens reserves the right to make changes to the application examples at any time without notice. In case of discrepancies b etween the
suggestions in the application examples and other Siemens publications such as catalogs, the content of the other documentation shall
have precedence.
The Siemens terms of use (https://support.industry.siemens.com) shall also apply.

Security information
Siemens provides products and solutions with industrial security functions that support the secure operation of plants, systems,
machines and networks.
In order to protect plants, systems, machines and networks against cyber threats, it is necessary to implement – and continuously
maintain – a holistic, state-of-the-art industrial security concept. Siemens’ products and solutions constitute one element of such a
concept.
Customers are responsible for preventing unauthorized access to their plants, systems, machines and networks. Such systems, machines
and components should only be connected to an enterprise network or the internet if and to the extent such a connection is necessary
and only when appropriate security measures (e.g. firewalls and/or network segmentation) are in place.
For additional information on industrial security measures that may be implemented, please visit
https://www.siemens.com/industrialsecurity.
Siemens’ products and solutions undergo continuous development to make them more secure. Siemens strongly recommends that
product updates are applied as soon as they are available and that the latest product versions are used. Use of product versions that are
no longer supported, and failure to apply the latest updates may increase customer’s exposure to cyber threats.
To stay informed about product updates, subscribe to the Siemens Industrial Security RSS Feed under https://www.siemens.com/cert.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 2

 Table of contents

Table of contents
1. Introduction .................................................................................................................................. 4

1.1. Overview...................................................................................................................................................... 4
1.2. Principle of operation.................................................................................................................................... 4
1.3. Components used......................................................................................................................................... 5

2. Installation.................................................................................................................................... 6

2.1. Requirement ................................................................................................................................................ 6

2.1.1. Checking membership in the Windows user group "Siemens TIA Openness" on the engineering PC .................. 6
2.2. Installation ................................................................................................................................................... 8

3. Fundamentals ..............................................................................................................................10

3.1. Operating philosophy ................................................................................................................................. 10

3.2. Navigation types......................................................................................................................................... 10
3.2.1. Sidebar navigation ...................................................................................................................................... 11
3.2.2. Tile navigation............................................................................................................................................ 11

4. Operation .....................................................................................................................................13

4.1. Operating the sidebar navigation ................................................................................................................ 14

4.1.1. Sidebar navigation view during engineering ................................................................................................ 18
4.2. Using tile navigation ................................................................................................................................... 19
4.2.1. Objects and their tile navigation properties in the Wizard ............................................................................. 27
4.2.2. Tile navigation view during engineering ...................................................................................................... 31
4.2.3. Accessing tile navigation with a button........................................................................................................ 34
4.2.3.1. Default setting............................................................................................................................................ 34
4.2.3.2. Link to more screens ................................................................................................................................... 35

5. Appendix .....................................................................................................................................38

5.1. Service and support .................................................................................................................................... 38

5.2. Links and literature ..................................................................................................................................... 39
5.3. Change documentation .............................................................................................................................. 39

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 3

 Introduction

1. Introduction
1.1. Overview
Machines are becoming more and more complex and, therefore, more difficult to operate. To make it easier for
automation engineers to get started with a modern user interface, SIEMENS has developed the HMI Template Suite
Library. This library offers templates and ideas to configure a clean and modern design for your operator device.
In order to quickly configure an operator device, SIEMENS has also developed the HMI Template Suite Wizard. With its
help, you can design an operator device of your choice in just a few guided steps and integrate it into your TIA Portal
project. What's more, this application is understandable and easy to use.
Figure 1-1

The main advantages of the HMI Template Suite Wizard are:

• Quick creation: The Wizard enables the quick creation of operator devices with preconfigured screens and screen
elements.
• Navigation types: There are two types of navigation: "Sidebar navigation" (chapter 3.2.14.1) and "Tile navigation"
(chapter 3.2.2).
• Optimization: The templates are optimized for use in industrial environments and offer intuitive touch operation.
• Integration: Custom user content can be seamlessly integrated into the operating concept.

1.2. Principle of operation

The HMI Template Suite Wizard helps you create the configuration for your Unified operator panel even faster. As a user,
it guides you through the relevant parts step by step. At the end of the process, the Wizard generates a fully configured
HMI visualization within a few minutes, either with sidebar navigation or tile navigation, in your TIA Portal project, via
Openness. This gives you a uniform look and feel with a consistent operating principle and saves time during
configuration.
In the background, it accesses the HMI Template Suite Library (WinCC Unified) and adapts the contents of the library
according to your needs. Here, the templates that you have not selected for your control panel are deleted, so that the
fully configured operator device contains only the selected content. If you want to import certain HMI templates from the
HMI Template Suite library into your configured operator device, download the library from the article page in the SIOS
portal and open it in TIA Portal as a global library. Detailed information can be found in link \2\.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 4

 Introduction

The fully configured operator device contains basic navigation and control functions. Proceeding from there, you can
easily build and expand your project in a modular manner using additional HMI objects from the library.

1.3. Components used

This application example has been created with the following hardware and software components:

Component Quantity Item number Note

SIMATIC HMI MTP700 Unified 1 6AV2128-3GB06-0AX0 Alternatively, you can use Operator Panels
Comfort in sizes from 7 to 22 inches.

SIMATIC WinCC Unified V19 1 6AV2151-0XB20-0LB5 Engineering in the TIA Portal

(Engineering)

SIMATIC WinCC Unified PC RT V19 1 6AV2155-2ES02-3LA0

The listed components can be purchased via the Siemens Industry Mall.

This application example consists of the following components:

Component File name Note

Documentation 91174767_HMITemplateSuiteUnifiedWizard_V1.0_DOC_en.pdf

Library 91174767_HMI_Template_Suite_WinCC_Unified_V19 4.zip

Wizard SIMATIC HMI Template Suite Wizard V4.0.0.13 Setup.zip "Exe file"

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 5

 Installation

2. Installation
2.1. Requirement
1. The Template Suite Wizard uses the TIA Portal Openness interface to access selected contents of the HMI Template
Suite library, then integrates them in your project. Therefore, the user under which you are logged in to the
engineering PC must be a member of the Windows user group "Siemens TIA Openness". 2.1.1 describes in detail how
to check this.
Figure 2-1

2. WinCC Unified V19 is installed on the engineering PC.

3. A user must be created in WinCC Unified.

2.1.1. Checking membership in the Windows user

group "Siemens TIA Openness" on the
engineering PC
To verify that the user is a member of the "Siemens TIA Openness" Windows user group, follow these steps:

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 6

 Installation

1. Right-click on the Windows icon in the Windows task bar.

Figure 2-2

2. Left click on "Computer Management".

Figure 2-3

3. In the console tree of the "Computer Management" window, double-click the local "Siemens TIA Openness" user group
under "Groups".
Figure 2-4

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 7

 Installation

4. Check whether the user under which you've logged in to the engineering PC is a member of the "Siemens TIA
Openness" user group. If it is not a member, add the user to the group.
Figure 2-5

2.2. Installation
Follow the next steps to install the "SIMATIC HMI Template Suite Wizard V4.0.0.13 Setup.zip" application on the
engineering PC.
1. Download the file "SIMATIC HMI Template Suite Wizard V4.0.0 Setup.zip" from the article page and unzip it.
Link to the article page: https://support.industry.siemens.com/cs/ww/en/view/91174767

2. Start the installation by double-clicking the file "SIMATIC HMI Template Suite Wizard V4.0.0 Setup.exe".
Figure 2-6

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 8

 Installation

3. Follow the setup instructions and perform all installation steps.

Figure 2-7

4. If the installation is successful, you will find the application in the Windows Start menu under "Siemens Automation".

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 9

 Fundamentals

3. Fundamentals
This chapter explains the operating philosophy and navigation methods of the HMI Template Suite for machines and
plants.

3.1. Operating philosophy

There is a philosophy behind every operating concept. This operating philosophy covers points such as the following:

• How is the operator notified of the current state of the machine?

• How is the operator shown when or where an operator action is necessary?
• How are the effects of an operator action made clear to the operator?
With the HMI Template Suite, the operator is central. Humans are not able to register as much information as they would
like to at one time. For this reason, it is necessary to present solid information in such a way as to allow the operator to
register all the information quickly and intuitively. An easy-to-follow HMI plays a major role in this regard.

NOTE You can find additional information on the operator philosophy in the free HMI Design Masterclass:
https://www.siemens.com/global/en/products/automation/simatic-hmi/design-masterclass.html

3.2. Navigation types

As of version V2.0, the Wizard offers two types of navigation.
a. Sidebar navigation (chapter 3.2.1 and 4.1).
b. Tile navigation (chapter 3.2.2 and 4.2).

Figure 3-1

a b

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 10

 Fundamentals

3.2.1. Sidebar navigation

Sidebar navigation is always useful where multiple subordinate navigation levels are required.
Of course, less complex plant and machine areas can also be configured here.
Figure 3-2

Sidebar navigation

A detailed description of how to configure a sidebar navigation can be found in chapter 4.1.

3.2.2. Tile navigation

Tile navigation is ideal when connected machinery or plant areas are operated from one operator panel.
The following graphic is provided to illustrate the principle of operation.
In this case, the "Navigation level 1 (0001_Application)" tile corresponds to the first navigation level. Configured tiles and
their assigned plant screens are created on this screen.
Here, the tile "Tile 1.2" corresponds to the second navigation level, which is then used to call up the other assigned plant
screens.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 11

 Fundamentals

Figure 3-3

Tile navigation
Navigation level 1 (0001_Application)

Tile
1.1

Tile
1.2

Navigation level 2

Tile
2.1

Tile
2.2

Tile
1.3

Tile
1.4

A detailed description of how to configure tile navigation can be found in chapter 4.2.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 12

 Operation

4. Operation
1. Launch "SIMATIC HMI Template Suite Wizard" from the "Siemens Automation" folder in the Windows Start Menu.
Figure 4-1

2. Choose a navigation type. You have two types to choose from:

a. Sidebar navigation (chapter 3.2.1 and 4.1).
b. Tile navigation (chapter 3.2.2 and 4.2).

Figure 4-2

a b

NOTE You can switch the user interface languages of the application using the button at the bottom
right. There is a choice of German, English, Spanish and Italian.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 13

 Operation

4.1. Operating the sidebar navigation

If you have opted for sidebar navigation, follow the next steps in using the HMI Template Suite Wizard.
1. In the Wizard, double-click the blue element with the red frame, labeled "Sidebar navigation".
Figure 4-3

2. Select your device:

- Select which device (Unified Basic Panel, Unified Comfort Panel or PC station with WinCC Unified Runtime) you
want to create (1).
- Then use the drop-down list to select the desired resolution (2).
- Click the "Next" button (3).
Figure 4-4

3. Select your TIA Portal project or create a new TIA Portal project:
- In the next step, choose whether you want to modify an existing TIA Portal project (1) or create a new project.
To modify an existing project, the project must already be open.
If you create a new project, you must also specify "Project name" and "Location".
- Click the "Next" button (2).

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 14

 Operation

Figure 4-5

4. Various functions now run automatically in the background, such as establishing a connection to the TIA Portal
project, etc.
Figure 4-6

Openness access message

While the Wizard performs some functions automatically in the background, the following message appears when you
use the Wizard for the first time.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 15

 Operation

Figure 4-7

Confirm the message by clicking "Yes to all". This allows the Wizard to access TIA Portal and keep this setting the next
time it runs.
If you click the "No" button, an error message appears and the HMI Template Suite Wizard closes. Start the Wizard
again.
By selecting the "Yes" button, you allow the Wizard to access TIA Portal only once. This message will be displayed
again the next time you use the Wizard.

5. After completing step 4, the screen shown in the figure below will automatically appear.

The properties of the project are displayed as read-only. Click "Next" to go to the screen selector.
Figure 4-8

NOTE If you have decided to modify an existing TIA Portal project, the new device you have chosen will be
visible in your TIA Portal project from this step onwards. If you were to end the Wizard prematurely
with the "Cancel" button, the new device would be deleted from your TIA Portal project.

6. Select screens for navigation and plant operation.

Check or uncheck the checkboxes of the objects you want to use in your project (1).

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 16

 Operation

NOTE The "unchecked" buttons/screens will not appear in the TIA Portal project tree for the final configured
operator device. They can be copied manually from the HMI Template Suite library if required.

When clicking the name of a grouping or an element, it will be highlighted in the preview.
When you have finished selecting the screens, click "Next" (2).
Figure 4-9

7. In the last step, all chosen settings are displayed in summary.

Click "Finish" (1) to complete the Wizard and apply the changes to your project.
Figure 4-10

8. Before closing the Wizard, the message appears that the selected changes have been applied to your project. After
confirming the message with "OK", the Wizard closes automatically.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 17

 Operation

Figure 4-11

9. Test your configuration.

4.1.1. Sidebar navigation view during engineering

You will see the arrangement of screens shown in this chapter after the Wizard has implemented the sidebar navigation
you configured and imported it into the existing/new TIA Portal project.
The screens you configured with the Wizard will be listed in the project tree under the "Screens" folder.
The following Figure shows a small section of how the sidebar navigation created with the Wizard (top of Figure 4-12) will
later be displayed in the completed operator device in the TIA Portal project (bottom of Figure 4-12). The illustration is
based on the example of the MTP700 Unified Comfort Panel from chapter 4.1, configured with the HMI Template Suite
Wizard.
Figure 4-12

1 3

2
1

10. "1101_ScreenLayout_SubNav" screen (with the second navigation level, "SubNavigation").

11. Selected buttons in the Wizard that should be visible in the second navigation level "SubNavigation" (with the default
setting, the buttons "Module 1" to "Module 3" are also visible).

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 18

 Operation

12. As a result of the settings made in the Wizard, the screens "2211_Heating_(for_SubNav)",
"2212_ListView_(for_SubNav)" and "2213_Value_Overview1_(for_SubNav)" are no longer available in the project tree
in the TIA Portal project for the operator device in question.

4.2. Using tile navigation

If you have opted for tile navigation, follow the instructions below when using the HMI Template Suite Wizard.

NOTE Before starting to create the individual navigation levels and their page calls with the "tiles", you
should consider the overview of the plant structure and its naming conventions. This will help you
keep track of the configuration steps below.

1. Create an overview of the plant structure and its naming conventions as a sketch. For an example of a plant structure,
see the following Figure:
Figure 4-13

Root navigation level (0001_Application)

Unit Screen 1
100

Unit Screen 2
200

Unit
300
Navigation level 1

Unit
310

Navigation level 2

Unit Screen 3
320

Unit Screen 4
321

Unit
Screen 5
322

Unit Screen 6
311

Unit
Screen 7
312

Unit100 = Plant unit 1

Unit200 = Plant unit 2
Unit300 = Plant unit 3
Unit310 = Plant unit 3, section 1…
Unit320 = Plant unit 3, section 2…

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 19

 Operation

2. In the Wizard, double-click the blue element with the red frame, labeled "Tile navigation".
Figure 4-14

3. Select your device:

- Select which device (Unified Comfort Panel or PC station with WinCC Unified Runtime) you want to create (1).
Unlike sidebar navigation, tile navigation templates are not available for the Unified Basic Panels.
- Then use the drop-down list to select the desired resolution (2).
- Click the "Next" button (3).
Figure 4-15

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 20

 Operation

4. Select your TIA Portal project or create a new TIA Portal project:
- Choose whether you want to create a new TIA Portal project (1) or modify an existing project.
To modify an existing project, the project must already be open.
If you create a new project, you still need to enter "Project name" (2) and "Location" (3).
- Click the "Next" button (4).
Figure 4-16

5. Various functions now run automatically in the background, such as starting TIA Portal, establishing a connection to
TIA Portal, etc. This can lead to a small waiting time.
Figure 4-17

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 21

 Operation

Openness access message

While the Wizard performs some functions automatically in the background, the following message appears when you
use the Wizard for the first time.
Figure 4-18

Confirm the message by clicking "Yes to all". This allows the Wizard to access TIA Portal and keep this setting the next
time it runs.
If you click the "No" button, an error message appears and the HMI Template Suite Wizard closes. Start the Wizard
again.
By selecting the "Yes" button, you allow the Wizard to access TIA Portal only once. This message will be displayed
again the next time you use the Wizard.

6. After completing step 4, the screen shown in the figure below will automatically appear.

The properties of the project are displayed as read-only. Click "Next" to go to the screen selector.
Figure 4-19

7. In the "Screen navigation" section, you can create the screen layout of your operator device.

NOTE Before starting to create the individual navigation levels and their page calls with the "tiles", you
should create an overview of the plant structure and its naming conventions. This will help you keep
track of the configuration steps below.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 22

 Operation

NOTE See chapter 4.2.2 to learn how the tile navigation your created in the Wizard will look later in the final
HMI of the TIA Portal project.

The tiles are used to access the assigned HMI Template Suite screens in the TIA Portal project's generated HMI. Zoom
out of the view using the drop-down menu (1) for a more manageable view.

Figure 4-20

8. Create the first navigation level.

Select the "0001_Application" layer (1).
Create a new tile by clicking the tile icon (2).
Repeat this step to create additional tiles.
Added/existing tiles are represented by a black rectangle (3).
Figure 4-21

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 23

 Operation

9. Adjust the properties of each tile as needed.

First, select the tile you created (2) in the overview window on the right side of the Wizard (1).
The selected tile can be recognized by the color marking (3).
Figure 4-22

10. When a tile is selected (2), the properties of this tile (3) appear in the overview in the right-hand pane of the Wizard
(1). Here you can change various settings such as the background color (4), the name (5), etc. The Inspector (6) below
the Properties window displays the information about the selected property. Chapter 4.2.1 describes some settings in
more detail.
Figure 4-23

3 4

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 24

 Operation

11. Change the settings for the other tiles if necessary. In the following Figure, you can see the view of the first 4 tiles.
The tiles do not have any function yet.
Figure 4-24

12. (Optional step) Assign a tile a screen from the HMI Template Suite library.
Select a tile. This example shows the tile "Screen100" (1) (see Figure 4-25:).
Click the "library" icon (2) in the title bar.
A window will open where you can select screens from the HMI Template Suite library (3).
Select a screen from the library collection (4) and confirm the selection with "OK" (5).
Figure 4-25:

13. (Optional Step) Repeat step 12 if you want to assign a screen from the HMI Template Suite library to other tiles.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 25

 Operation

14. (Optional Step) Assign a navigation level to a tile.

Select a tile. In this example, it is the tile "Screen400" (1).
Click the "navigation levels" icon (2) in the title bar.
Clicking the "navigation level" icon creates a new level where you can add more tiles. Give the newly created layer a
unique name in the Properties window.
Figure 4-26

15. (Optional Step) Add more tiles to your new navigation level (1) to complete your plant structure.
Figure 4-27

16. (Optional Step) Repeat steps 14 and 15 if you want to create additional navigation levels and tiles within these layers.

17. Finalize the tile navigation with HMI Template Suite Wizard.
Link all tiles from the overview window on the right of the Wizard (1) to the desired template screens from the HMI
Template Suite library. Once you have completed all steps, click the "Finish" button (2).
The project will be compiled.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 26

 Operation

Figure 4-28

18. Finally, complete the process by clicking "OK" (1).

Figure 4-29

19. Test your configuration.

4.2.1. Objects and their tile navigation properties in

the Wizard
This chapter touches on the most commonly used properties and provides a general explanation of how to work with the
Wizard's three navigation windows.
Once you reach the "Screen navigation" step for the tile navigation type, you'll see three windows on the right. In the
upper right overview window (1), you can define the structure of the screen navigation. You can adjust the properties of
each selected object (2) in the upper screen using the middle properties window (3). In the lower window (5), you can
look up the description of the selected property (4).

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 27

 Operation

Figure 4-30

NOTE Please note that "False" in the setting "Common" > "Enabled" disables the visibility and function of the
tile (6). If you want to undo this setting in the TIA Portal project, follow these steps using the example
of a disabled tile in the "0001_Application" screen:
a. Select the "invisible" tile in the "0001_Application" screen and activate the "Visibility" property
under "Properties" > "Properties" > "Miscellaneous" and the property "Operator control - allow"
under "Properties" > "Properties" > "Security".
b. Select the text of the "invisible" tile in the "0001_Application" screen and activate the "Visibility"
property under "Properties" > "Properties" > "Miscellaneous" and the "Operator control - allow"
property under "Properties" > "Properties" > "Security".

Multiple objects can be created in the upper right overview window (1). The following table shows all the tile navigation
objects that already exist or which can be created in the Wizard's overview window.
Table 4-1
Object name Icon Purpose/place of use
"Devicename" The operator device selected in the Wizard when choosing a device to
configure.

"Settings" General settings for certain parameters for all tiles, such as the border width
in pixels or the font, font size, and font style

"New navigation level" A navigation level that can be configured either as a starting navigation
("0001_Application") with tiles, or as another navigation level, which can be
built by clicking a tile in a new screen.

To create a new navigation level in a tile, click the navigation panel

button.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 28

 Operation

Object name Icon Purpose/place of use

"New Tile" A tile created in a navigation level and leads to a linked screen or another
navigation level.

To create a new tile, click the button with the tile .

You can delete the tile using the button. This button can also be used to
delete other objects in the overview window.

You can change the order of different tiles in a navigation screen using the
and buttons.

"Selected Screen" A screen that you can select from the HMI Template Suite library and link to
a tile.

To associate a new tile with a screen, click the button with the screen
icon.

Depending on the object that is selected in the overview window, the properties may also differ.
The following table provides a high-level overview of all objects. The properties described are not given for every object.
Table 4-2
Property name Appearance Purpose/Location of use
Appearance
"Row" Number of tile rows in the navigation screen

Example: 2
Default setting: 2

"Columns" Number of tile columns in the navigation screen

Example: 4
Default setting: 4

"Background color" Background color that can be adjusted for the majority of
objects. This allows you to distinguish plant areas by
color, for example.

Example: Gold
Default setting: Transparent

"Border color" Color of the tile border

Example: Green
Default setting: [72, 73, 78] (RGB) (dark gray)

"Border width" Border width in pixels

Example: 20
Default setting: 5

"Margin" Side margins in pixels

Example: [100, 100, 100, 100] (Left, Top, Right, Bottom)

Default: [20, 20, 20, 20] (Left, Top, Right, Bottom)

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 29

 Operation

Property name Appearance Purpose/Location of use

"Row span" Connect tiles by column

Example: 2
Default setting: 1

"Column span" Connect tiles by rows

Example: 3
Default setting: 1

"Font" General setting for font type, font size and font style in
"Settings" for all tiles

Example: Siemens Sans, 72pt, style=Bold

Default setting: Siemens Sans, 14pt

"Tile border width" General setting for the border width in pixels in "Settings"
for all tiles

Example: 30
Default setting: 5

Common
"Name" Name of the tile, which will later be used for screen
navigation. The name should be unique. Do not change it
later on.

Recommendation: For multilingual projects, choose

English-language names/designations if possible.

Example: "Screen100"
Default setting: "New Tile"

"Enabled" Tile activation/deactivation setting

Example: False (result is visible in the TIA Portal project)

Default setting: True

Image
"Image name" Graphic from a predefined list for displaying in the
foreground of the tile

Example: "Maschine_Komplett_v01"
Default setting:

"Image sizing mode" Size of the graphic in the tile

Center: Center and keep the original size of the graphic

(no scaling)

Zoom: Adjust relative to tile border (aspect ratio is locked

and will not be distorted)

Stretch: Adjust relative to the entire tile border (aspect

ratio is distorted)

Example: Zoom
Default setting: Stretch

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 30

 Operation

Property name Appearance Purpose/Location of use

"Image margin" Side margins in pixels with respect to the graphic in the
tile

Example: [100, 100, 100, 100] (Left, Top, Right, Bottom)

Default: [20, 20, 20, 20] (Left, Top, Right, Bottom)

"Background color" Graphic background color

Example: RoyalBlue
Default setting: Transparent

Text
"Text" Text displayed at the bottom of the tile. This aids
navigation deeper into individual parts of the runtime
screens. This text can be changed later in the generated
HMI in the TIA Portal project.

Example: "Unit 1"

Default setting: "Text"

"Text color" Text color

Example: [0, 215, 160] (RGB) (dark gray)

Default setting: Black

"Text margin" Side margins in pixels with respect to the text in the tile

Example: [5, 5, 5, 150] (Left, Top, Right, Bottom)

Default: [5, 5, 5, 5] (Left, Top, Right, Bottom)

"Font" Font of the text that appears in the tile

Example: Times New Roman, 72pt, style=Italic

Default setting: Siemens Sans, 14pt

4.2.2. Tile navigation view during engineering

This chapter describes the arrangement of the screens after the Wizard has implemented your configuration and imported
it into the existing/new TIA Portal project.
The screens configured with the Wizard are stored in the project tree in the "Screens" folder.
The following Figure uses a small example to demonstrate how the tile navigation, created with the Wizard (top of
Figure 4-31), will later be displayed in the finished operator device in the TIA Portal project (bottom of Figure 4-31). The
illustration is based on the example of the WinCC Unified PC Station from chapter 4.2 that was configured with the HMI
Template Suite Wizard.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 31

 Operation

Figure 4-31

3
1
4

1
2

3
4

1. 0001_Application (first navigation level with the configured tiles)

2. Tile text: Text (default setting "Text" or, as an example, name of the screen that is being accessed)
3. 2307_Dashboard_Machine_Overview (screen from the HMI Template Suite)
4. 2311_Dashboard_Overview_4_(for_SubNav) (screen from the HMI Template Suite)

"New navigation level"

The configured "New navigation levels" are all located in the "Screens" folder.
The "Second navigation level" screen item (1) from Figure 4-32 shows two tiles that were created back in Figure 4-27.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 32

 Operation

Figure 4-32

1. Open the "Second navigation level" screen.

2. Select one tile, for example (button).
3. Under "Properties" > "Events" > "Click left mouse button", you can check the page that will be accessed.

HMI Template Suite screens

The screens used in the tile navigation in the Wizard ("Selected Screen") (see Table 4-1 and Figure 4-25:) can be found in
the project tree under "Screens" > "2000_Screens".
Figure 4-33

Changing screen navigation names later

When you used the Wizard to create the TIA Portal project with tile navigation, you assigned a "Screen navigation name"
in the tile properties, under the "Name" parameter. It should not be changed later on (see Figure 4-23). If this is
nevertheless necessary, proceed as follows.

Before making any changes, make a backup copy of the current configuration.
ATTENTION
By renaming the screens manually, there is a risk that the "link" between the automatically generated
screens will be lost if the renaming is done incorrectly.

1. In the project tree, open the "Screens" > "1000_Screenlayout" > "1001_ScreenLayout" screen.
2. The names of the navigation levels are stored under "Properties > Events". Modify these manually.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 33

 Operation

Figure 4-34

4.2.3. Accessing tile navigation with a button

4.2.3.1. Default setting
If you use the HMI configuration created with the tile navigation by the Wizard, then the screen "1001_ScreenLayout" is
selected as the start screen (1). Here, in a screen window "swContent" (2), the content is shown by the screen
"0001_Application".
Figure 4-35

The following screen appears after starting the runtime.

By default, you will find the links here that you defined in the HMI Template Suite Wizard. If you wish to create more links
to HMI Template Suite screens or to your own screens, you can add them as described in the next step.

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 34

 Operation

Figure 4-36

4.2.3.2. Link to more screens

The operator device you generated with the Wizard in the TIA Portal project featuring tile navigation already contains
various navigation templates, e.g. the second navigation level "SubNavigation".
By default, this navigation level is not initially linked with the start screen. To display the navigation bar in the start
screen, proceed as follows in your TIA Portal project for the operator device that was configured by the Wizard (see
Figure 4-37):
1. Open the Start screen "1001_ScreenLayout"
("Project tree" > "Screens" > "1000_Screenlayout").

2. Select the screen window "swContent".

3. Under "Properties" > "Properties" > "General" > "Screen", select the screen "1101_ScreenLayout_SubNav" (Alternatively,
you can use a screen of your choice, e.g. if you do not want "SubNavigation"). In this case, the screen
"1101_ScreenLayout_SubNav" serves as the start screen.

Figure 4-37

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 35

 Operation

Via the existing "sub-navigation" (1), the "Overview" button (2) will be used to open the following screen (formerly, "start
screen") (see Figure 4-38). In this way, it is possible to access other screens with the existing buttons, "Module 1" through
"Module 5".
Figure 4-38

2 1

Navigation within the tile navigation is done with the navigation elements in the title bar. The "SubNavigation" is hidden
for this (it can also be shown if needed).
Figure 4-39

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 36

 Operation

The Figure below shows a screen from the Template Suite with the "SubNavigation" visible.
Figure 4-40

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 37

 Appendix

5. Appendix
5.1. Service and support
SiePortal
The integrated platform for product selection, purchasing and support - and connection of Industry Mall and Online
support. The SiePortal home page replaces the previous home pages of the Industry Mall and the Online Support Portal
(SIOS) and combines them.

• Products & Services

In Products & Services, you can find all our offerings as previously available in Mall Catalog.
• Support
In Support, you can find all information helpful for resolving technical issues with our products.

• mySieportal
mySiePortal collects all your personal data and processes, from your account to current orders, service requests and
more. You can only see the full range of functions here after you have logged in.
You can access SiePortal via this address: sieportal.siemens.com

Technical Support
The Technical Support of Siemens Industry provides you fast and competent support regarding all technical queries with
numerous tailor-made offers – ranging from basic support to individual support contracts.
Please send queries to Technical Support via Web form: support.industry.siemens.com/cs/my/src

SITRAIN – Digital Industry Academy

We support you with our globally available training courses for industry with practical experience, innovative learning
methods and a concept that’s tailored to the customer’s specific needs.
For more information on our offered trainings and courses, as well as their locations and dates, refer to our web page:
siemens.com/sitrain

Industry Online Support app

You will receive optimum support wherever you are with the "Industry Online Support" app. The app is available for iOS
and Android:

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 38

 Appendix

5.2. Links and literature

No. Topic

\1\ Siemens Industry Online Support

https://support.industry.siemens.com

\2\ Link to the article page of the application example

https://support.industry.siemens.com/cs/ww/en/view/91174767

\3\ Link to the HMI Design Masterclass Video series

https://new.siemens.com/global/en/products/automation/simatic-hmi/design-masterclass.html

\4\ Link to the HMI Template Suite page

https://new.siemens.com/global/en/products/automation/simatic-hmi/hmi-template-suite.html

\5\ SIMATIC WinCC Unified "View of Things ("VoT")

https://support.industry.siemens.com/cs/ww/en/view/109803395

5.3. Change documentation

Version Date Change

V1.0 07/2024 First edition

Article ID: 91174767 | V1.0 | 07/2024 © Siemens 2024 | 39