Rockwell Automation Studio 5000 User Manual
Original Instructions
Studio 5000 View Designer User Manual
Publication 9324-UM001D-EN-D
Studio 5000 View Designer User Manual
personal injury or death, property damage, or economic loss.
IMPORTANT
for Personal Protective Equipment (PPE).
Important User Information
Read this document and the documents listed in the additional resources section about installation, configuration, and
operation of this equipment before you install, configure, operate, or maintain this product. Users are required to familiarize
themselves with installation and wiring instructions in addition to requirements of all applicable codes, laws, and standards.
Activities including installation, adjustments, putting into service, use, assembly, disassembly, and maintenance are required to
be carried out by suitably trained personnel in accordance with applicable code of practice.
If this equipment is used in a manner not specified by the manufacturer, the protection provided by the equipment may be
impaired.
In no event will Rockwell Automation, Inc. be responsible or liable for indirect or consequential damages resulting from the use
or application of this equipment.
The examples and diagrams in this manual are included solely for illustrative purposes. Because of the many variables and
requirements associated with any particular installation, Rockwell Automation, Inc. cannot assume responsibility or liability for
actual use based on the examples and diagrams.
No patent liability is assumed by Rockwell Automation, Inc. with respect to use of information, circuits, equipment, or software
described in this manual.
Reproduction of the contents of this manual, in whole or in part, without written permission of Rockwell Automation, Inc., is
prohibited.
Throughout this manual, when necessary, we use notes to make you aware of safety considerations.
WARNING: Identifies information about practices or circumstances that can cause an explosion in a hazardous environment, which may lead to
ATTENTION: Identifies information about practices or circumstances that can lead to personal injury or death, property damage, or economic loss.
Attentions help you identify a hazard, avoid a hazard, and recognize the consequence.
Identifies information that is critical for successful application and understanding of the product.
Labels may also be on or inside the equipment to provide specific precautions.
SHOCK HAZARD: Labels may be on or inside the equipment, for example, a drive or motor, to alert people that dangerous voltage may be present.
BURN HAZARD: Labels may be on or inside the equipment, for example, a drive or motor, to alert people that surfaces may reach dangerous
temperatures.
ARC FLASH HAZARD: Labels may be on or inside the equipment, for example, a motor control center, to alert people to potential Arc Flash. Arc Flash
will cause severe injury or death. Wear proper Personal Protective Equipment (PPE). Follow ALL Regulatory requirements for safe work practices and
2 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
Topic Name
Reason
Alarm History Large on page 450
New topic.
Alarm History Medium on page 452
New topic.
select a Screen Scaling option on page 61
Details pane rows on page 334
Added information regarding Alarm History.
page 354
on page 356
table on page 355
Image on page 467
Added ImageName property.
the System Banner on page 101
Alarm table filters on page 370
Added information regarding Alarm History.
Filter alarms on page 851
Added information regarding Alarm History.
log export.
What is an event? on page 277
Added information regarding alarm history export.
on page 918
Summary of changes
This manual includes new and updated information. Use these reference
tables to locate changed information.
Global changes
None for this release.
New or enhanced features
This table contains a list of topics changed in this version, the reason for the
change, and a link to the topic that contains the changed information.
Change the target HMI device for a project and
Application tab on page 59 Added keyboard and keypad size information.
Alarm History on page 353 New topic.
Alarm History contents for a large HMI device
screen on page 357
Alarm History contents for a medium HMI
device screen on page 358
Alarm History table columns on page 359 New topic.
Alarm History table columns on page 834 New topic.
Add a column to an Alarm History table on
Delete a column from an Alarm History table
Change the order of columns in Alarm History
Change the width of a column in an Alarm
History table on page 354
Change the update rate of a screen, popup, or
Added keyboard and keypad size information.
New topic.
New topic.
New topic.
New topic.
New topic.
New topic.
New topic.
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 3
Event commands on page 259 Added information regarding alarm history export and data
System tags: Alarms on page 686 Added information regarding alarm history export.
Unable to download or upload the HMI project
Draw an arc on page 412 New topic.
New topic.
Studio5000 environment_View Designer
Topic Name
Reason
ProjectEvents and SMTP.
System tags: Alarms on page 686
Added information regarding alarm history export.
System tags: DataLogs on page 688
New topic.
System tags: ProjectEvents on page 692
New topic.
System tags: SMTP on page 693
New topic.
Export alarm history on page 868
New topic.
870
Export a data log on page 877
Updated information regarding data log export.
Cancel the export of a data log on page 879
Updated information regarding data log export.
page 272
Cannot export data to SD card on page 910
Added a solution.
Alarms overview on page 313
Added information regarding Alarm History.
47
852
Help popup for alarm tables on page 337
Added information regarding Alarm History.
Help popup for alarm tables on page 845
Added information regarding Alarm History.
Help popup on page 844
Added information regarding Alarm History.
Navigation menu contents on page 302
Added information regarding Alarm History.
page 237
number of states.
page 239
number of states.
Alarm history retention on page 838
New topic.
Alarm history file on page 871
New topic.
Change the value of a filter on page 368
Added information regarding Alarm History.
Sort alarms on page 850
Added information regarding Alarm History.
What are system tags? on page 685 Added information for Alarms, Auto-Logoff, Data Logs,
System tags: AutoLogoff on page 687 New topic.
Cancel the export of alarm history on page
Add an event command to export a data log on
New topic.
Updated information regarding data log export.
Settings screen on page 782 Updated information regarding data log export.
What is the Settings screen? on page 86 Updated information regarding data log and alarm history
export.
System Banner contents on page 772 Updated information regarding data log and alarm history
export.
View the default content of a project on page
Filter Alarm History by Event Time on page
Added information regarding Alarm History.
New topic.
Predefined Screens folder on page 85 Added information regarding Alarm History.
4 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
Configure an animation using a State Table on
Configure an animation using a Color Table on
Added information regarding the maximum supported
Added information regarding the maximum supported
Resource
Description
http://ab.rockwellautomation.com
and other certification details.
2713P-UM001
troubleshoot the PanelView 5300 terminals.
publication 2715-UM001
troubleshoot the PanelView 5500 terminals.
Additional resources
These documents contain additional information concerning related
Rockwell Automation products.
Preface
Industrial Automation Wiring and Grounding
Guidelines, publication 1770-4.1
Product Certifications webpage, available at
<PV First> 5300 Terminals User Manual publication
PanelView 5500 Terminals User Manual
Provides general guidelines for installing a Rockwell
Automation industrial system.
Provides declarations of conformity, certificates,
Describes how to install, configure, operate, and
Describes how to install, configure, operate, and
View or download publications at
http://www.rockwellautomation.com/literature
. To order paper copies of
technical documentation, contact the local Rockwell Automation distributor
or sales representative.
Rockwell Automation publishes legal notices, such as privacy policies, license
agreements, trademark disclosures, and other terms and conditions on the
Legal Notices
page of the Rockwell Automation website.
End User License Agreement (EULA)
You can view the Rockwell Automation End User License Agreement (EULA)
by opening the license.rtf file located in your product's install folder on your
hard drive.
The default location of this file is:
C:\Program Files (x86)\Common Files\Rockwell\license.rtf.
Other Licenses
The software included in this product contains copyrighted software that is
licensed under one or more open source licenses. Copies of those licenses are
included with the software. Corresponding Source code for open source
packages included in this product can be located at their respective web
site(s).
You may alternately obtain complete Corresponding Source code by
contacting Rockwell Automation via our Contact form on the Rockwell
Automation website:
us/contact/contact.page
Please include "Open Source" as part of the request text.
http://www.rockwellautomation.com/global/about-
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 5
A full list of all open source software used in this product and their
corresponding licenses can be found in the OPENSOURCE folder
included
with these Release Notes. The default installed location of these licenses is
C:\Program Files (x86)\Common Files\Rockwell\Help\Studio 5000 View
Designer Help\V6\ReleaseNotes\OPENSOURCE\index.htm.
6 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
Table of Contents
SUMMARY OF CHANGES
Additional resources 5
CHAPTER 1
VIEW DESIGNER
View Designer 15
CHAPTER 2
CREATE A PROJECT IN VIEW DESIGNER
Create a project 41
CHAPTER 3
SELECT AN HMI DEVICE
Select an HMI device 57
CHAPTER 4
ADD A CONTROLLER REFERENCE
Add a controller reference 75
References tab 77
Browse for Controller window 78
Copy a controller reference 78
Remove a controller reference 79
Remove a controller from the network tree 80
Synchronization 80
Synchronization between Logix Designer and View Designer 81
Synchronization: Controller state indicator icons 81
Synchronization between the runtime application and the controller 82
Tag browsing in a secured Logix Designer project file 82
View the default content of a project 83
Project Explorer 83
Predefined Screens folder 85
What is the System Banner? 86
What is the Settings screen? 86
What is the Alarm Summary? 88
What is the Alarm Manager? 88
CHAPTER 5
SCREENS
Work with screens 91
CHAPTER 6
SHORTCUTS
Work with shortcuts 103
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 7
New Shortcut dialog box 103
Shortcut tab 104
Create a shortcut to an existing screen 105
Create a shortcut to a new screen 106
Open a shortcut 108
Rename a shortcut 108
Copy a shortcut 109
Open the defining screen of a shortcut 110
Shortcut customization 110
Close a shortcut 111
Delete a shortcut 112
What is a shortcut? 112
CHAPTER 7
POPUPS
Work with popups 115
Popup tab 115
Create a popup 116
Open a popup 117
Copy a popup 117
Change the caption on a popup 119
Remove the caption from a popup 119
Remove the Close button from a popup 120
Change the background color of a popup 121
Change the opacity of a popup 121
Resize a popup 122
Rename a popup 123
Delete a popup 123
Close a popup 124
Restore the default content of a predefined item 124
Change the update rate of a screen, popup, or the System Banner 125
What is a popup? 126
Popup contents 126
CHAPTER 8
SYSTEM BANNER
System Banner 129
Banner tab 129
Open the System Banner 130
Change the height of the System Banner 130
Change the background color of the System Banner 131
Add a graphic element to the System Banner 132
Copy and paste a graphic element on the System Banner 133
Remove a graphic element from the System Banner 134
Remove the System Banner from a screen 134
Close the System Banner 135
Restore the default content of a predefined item 135
Change the update rate of a screen, popup, or the System Banner 136
System Banner contents 137
What is the System Banner? 138
8 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
Table of Contents
CHAPTER 9
ADD A GRAPHIC ELEMENT TO A PROJECT
Add a graphic element to a project 141
Toolbox 141
Graphic Explorer 142
Lock or unlock graphic elements 143
CHAPTER 10
UNDO AND REDO AN ACTION
Undo an action 145
Redo an action 146
CHAPTER 11
REUSE CONTENT
Reuse content 147
Reuse screens and popups 147
Example of content reuse 147
Property Definition tab 149
Create an alias property 149
Properties that do not support aliasing 151
User-defined alias type property binding 152
Create a user-defined property with a data type 153
User-defined data type property binding 155
Change a user-defined property 156
Propagation of changes to a user-defined property 157
Delete a user-defined property 159
User-defined property 159
Link a user-defined property to its base property 160
Unlink a user-defined property from its base property 161
Select a data type 162
Data Type Browser 162
Search for and select a data type 163
Add-On Graphics 164
Changes to size 174
Changes to user-defined properties 174
Changes to aliased properties 174
Reuse content from other View Designer projects 220
CHAPTER 12
CREATE ANIMATION
Change an animation 233
Animate a graphic element or screen 233
Create an HMIBC Button 244
CHAPTER 13
CONFIGURE AN EVENT TO TRIGGER AN ACTION
Configure an event to trigger an action 249
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 9
CHAPTER 14
CHANGE A PROPERTY
Change a property 293
Properties window 293
Properties tab 294
List of properties 295
CHAPTER 15
FIND AND REPLACE
Find and replace 297
Find and Replace dialog box 297
Find text in a project 298
Find and replace text in a project 299
Find Results window 300
CHAPTER 16
PROJECT NAVIGATION
Project navigation 301
CHAPTER 17
DISPLAY ALARMS
Display alarms 313
CHAPTER 18
DISPLAY DATA ON A TREND CHART
Display data on a trend chart 373
CHAPTER 19
WORK WITH PDF DOCUMENTS
Work with PDF documents 393
CHAPTER 20
DRAWING TOOLS
Use drawing tools 411
Draw a rectangle or square 411
Draw a line, polyline, or polygon 412
Draw an oval or circle 412
Draw an arc 412
CHAPTER 21
GRAPHIC ELEMENTS
Work with graphic elements 415
10 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
Table of Contents
Find a graphic element in the Toolbox 415
Add a graphic element to a screen 417
Select a graphic element on a screen 418
Select a graphic element in the Graphic Explorer 418
Copy a graphic element 419
Delete a graphic element 420
Change the properties of a graphic element 420
Change the text in a graphic element 421
Select a text color 422
Select a fill color 422
Move a graphic element 423
Rotate a graphic element 424
Flip a graphic element 425
Resize a graphic element 426
Align graphic elements 426
Smart Guides 428
Change the stacking order of graphic elements and groups 431
Distribute graphic elements 431
Duplicate a graphic element 433
Group graphic elements 433
Zoom in or zoom out 434
Add a Slider 434
What is a Slider? 436
CHAPTER 22
GRAPHIC ELEMENTS LIBRARY
Graphic elements library 437
CHAPTER 23
WORK WITH GROUPS
Group graphic elements 615
Add a graphic element or a group to a group 616
Remove a graphic element or a group from a group 616
Work with individual graphic elements in a group 617
Lock or unlock groups 617
Resize a group 618
Flip a group 619
Rotate a group 620
Move a group 620
Align groups 621
Change the stacking order of graphic elements and groups 623
Cut, copy, or paste a group 624
Duplicate a group 625
Ungroup graphic elements 625
Work with images 625
Add an image to the Images folder 626
Add an image to a project 627
Copy an image between View Designer projects 628
Select Image dialog box 629
Add an image to a screen 630
Preview an image 631
Rename an image 632
Delete an image from the Images folder 632
Replace an image on a screen 633
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 11
Rename an image in the Images folder 633
Replace an image throughout a project 634
Delete an image from a project 635
Image naming conventions 635
CHAPTER 24
SELECT OR CREATE A COLOR
Select a color using the Color Picker 637
Color Picker 638
Color Picker overview 638
Create a custom color using the Color Picker 639
Create a color gradient 640
Select a fill color 641
Select a text color 642
Bind a color property to a tag or expression 643
Supported color keywords and RGB values 644
CHAPTER 25
BIND PROPERTIES
Bind properties 645
What is binding? 645
Bind a property to a data item 646
Bind a color property to a tag or expression 648
Property-to-property binding 649
Supported color keywords and RGB values 651
Properties that do not support binding 651
Remove a binding 652
Verify controller tags 653
Verify Project dialog box 653
Errors window 654
CHAPTER 26
BIND TO THE EXTENDED PROPERTIES OF A TAG
Bind to the extended properties of a tag 657
Assign the extended properties of a tag to a graphic element 657
What are extended properties? 658
Graphic element configured with extended properties 660
Extended properties and aliases 661
CHAPTER 27
USE EXPRESSIONS
Use expressions 663
Expressions overview 663
Expression Editor 665
Create an expression 665
Change an expression 667
Errors window 668
Nest conditional expressions 668
Verify expressions 669
Expression examples 670
12 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
How are expressions evaluated? 675
Supported expression components 676
CHAPTER 28
BIND TO SYSTEM TAGS
Bind to system tags 685
What are system tags? 685
System tags: Alarms 686
System tags: AutoLogoff 687
System tags: Controller 687
System tags - Controller: SyncState values 688
System tags: DataLogs 688
System tags: DateTime 689
System tags: Device 689
System tags: Display 690
System tags: Enet 691
System tags: EnetLink1 and EnetLink2 692
System tags: ProjectEvents 692
System tags: Security 693
System tags: SMTP 693
System tags: VNC 694
Table of Contents
CHAPTER 29
USE THE TAG BROWSER AND THE DATA TYPE BROWSER
Use the Tag Browser and the Data Type Browser 695
Overview of the Tag Browser and the Data Type Browser interface 695
Tag Browser and Data Type Browser customization methods 698
Breadcrumb navigation in the Tag Browser and the Data Type Browser 698
Keyboard shortcuts for the Tag Browser and the Data Type Browser 699
Tag Browser 700
Search for and select a tag 701
Tag Browser operators 702
Tag Browser filters 703
CHAPTER 30
LOG DATA
Log data 705
Add a data log to a project 706
CHAPTER 31
SWITCH LANGUAGES
Switch languages on the HMI device 727
Export Languages dialog box 727
Export text strings for language translation 728
Import Languages dialog box 729
Import a language file 730
Add a language to a View Designer project 731
Add an event command to change the language on the HMI device 732
Remove a language from a View Designer project 733
Language handling and STRING data type support in View Designer 734
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 13
About changing the project language 735
CHAPTER 32
EMULATE A PROJECT
Emulate a project 737
CHAPTER 33
DATA TYPE BROWSER
Data Type Browser 745
Search for and select a data type 745
Data Type Browser operators 747
Data Type Browser filters 747
CHAPTER 34
SET SECURITY
Set security 749
CHAPTER 35
USE THE RUNTIME APPLICATION
Use the runtime application 769
CHAPTER 36
DOWNLOAD AND UPLOAD A PROJECT
Download and upload a project 883
CHAPTER 37
DOWNLOAD A RUNTIME APPLICATION
Download a runtime application to an HMI device 885
CHAPTER 38
UPLOAD A RUNTIME APPLICATION
Upload a runtime application from an HMI device 897
CHAPTER 39
TROUBLESHOOT
Troubleshoot 905
STUDIO5000 ENVIRONMENT_VIEW DESIGNER
CHAPTER 40
STUDIO 5000 VIEW DESIGNER HELP
14 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
Item
Name
Description
the View Designer project.
the Tag Browser to read data from the ACD file.
a .vpd extension.
View Designer
Chapter 1
View Designer
The following diagram shows how View Designer works with the Studio 5000
suite to create a control and visualization system to monitor and control the
manufacturing process.
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 15
View Designer Build the projects that are downloaded to an HMI device.
Tag Browser
Logix Designer Develop control logic for an industrial automation system.
ACD file
HMI project
Search for and select tags within a Logix Designer project file to
bind the tags to the properties of graphic elements and screens in
The Automation Control Database (ACD) file that is the Logix
Designer project file containing the logic or code, including tags
and data types, that runs within a controller. View Designer uses
The user-defined screens, controller references, information about
the target HMI device, and so forth. Projects are stored in files with
Chapter 1 View Designer
Item
Name
Description
communicates directly with the controllers.
as an SD Card or USB storage device to the HMI device.
project.
FactoryTalk View Machine
FactoryTalk View Machine
View Designer Download Runtime
Application Wizard
HMI device
VPDR file Save a Runtime Application VPDR file from View Designer.
Load from media
Controller
See also
Gather process and system requirement information on page 37
What types of HMI screens do I need? on page 37
Define conventions for screens on page 39
Project navigation on page 301
Transfer the HMI project to the HMI device.
The Human Machine Interface (HMI) device, such as a PanelView
5000 device, that runs the HMI project. At runtime, the HMI device
Load a Runtime Application VPDR file from removable media such
A controller with the ACD file and tags used in the View Designer
Edition (ME) vs View
Designer
Edition (ME) vs View
Designer
View Designer is not a replacement for FactoryTalk View Machine Edition
(ME); however, it provides many of the same features.
When familiar with working in FactoryTalk ME, review the differences in
functionality and terminology.
See also
FactoryTalk View Machine Edition (ME) vs View Designer on page 16
FactoryTalk View Machine Edition (ME) vs View Designer:
Terminology on page 17
Although View Designer is not a replacement for FactoryTalk View ME (ME),
it provides many of the same features. However, there are significant
differences in the performing some tasks:
• Set up communications
• Create a navigation menu
• Setup security
• Display alarms and alarm messages
• Change the appearance and behavior of graphic elements
• Display runtime diagnostics
• Pass parameter to a screen
• Format color values
16 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
FactoryTalk View ME term
View Designer equivalent term
Object Explorer
Graphic Explorer
On Top display
popup
operator interface application
HMI project
parameter files
screen properties
Symbol Factory
Extensive built-in graphics library
tag placeholders
user-defined alias properties or data type properties
FactoryTalk View Machine
Edition (ME) vs View
View ME ViewE: Change the
Chapter 1 View Designer
See also
View ME ViewE: Create a navigation menu on page 18
View ME ViewE: Display alarms and alarm messages on page 18
View ME ViewE: Change the appearance and behavior of graphic
elements on page 17
View ME ViewE: Pass parameters to a screen on page 19
ViewME ViewE: Format color values on page 20
The following table provides the View Designer equivalent of some
FactoryTalk View Machine Edition (ME) terms.
Designer: Terminology
appearance and behavior of
graphic elements
graphic object graphic element
Studio Designer
project file (.med) project file (.vpd)
shortcut or device shortcut controller reference
See also
• FactoryTalk View Machine Edition (ME) vs View Designer on page 16
•
FactoryTalk View ME (ME) provides various dialog boxes to change the
appearance and behavior of objects. It also provides several editors for
configuring animations such as changing the color of an object.
View Designer provides a Properties window on the main interface to
configure the appearance and behavior of the selected screen or graphic
element. This includes configuring events and animation, and selecting tags
to bind to properties. Bind most graphic element properties, such as opacity,
directly.
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 17
See also
Properties window on page 293
Chapter 1 View Designer
View ME ViewE: Create a
View ME ViewE: Display
navigation menu
alarms and alarm
In FactoryTalk View Machine Edition (ME), the display list selector object
shows a list of displays from which to choose. Scroll through the list and select
the display to open. Opening the display requires security access.
In View Designer, drag and drop screen shortcuts into the Navigation Menu
folder on the Project Properties window. Organize the contents of a project
into folders and subfolders. View Designer creates a Navigation menu based
on the structure of the contents of the Navigation Menu folder. Screens that
have security access for the logged in user appear in the Navigation Menu.
See also
How do I create navigation for the HMI screens? on page 32
In FactoryTalk View ME (ME), use the Alarm Setup editor to set up alarm
triggers (the tags or expressions to monitor), define alarm messages, and so
forth. Use the default [ALARM] display or create a graphic display.
messages
View ME ViewE: Display
runtime diagnostics
In Studio 5000 Logix Designer, program Logix Designer alarm detection
instructions in a Logix controller and reference that controller in a View
Designer project. View Designer provides pre-configured Alarm Summary or
Alarm Manager tables to display the alarm data and messages. The alarm
tables receive the alarm data automatically; configuration and tag binding is
not required.
Every View Designer project contains an Alarm Summary screen and a Alarm
Manager screen by default. Create alarm screens by dragging the Alarm
Manager or Alarm Summary graphic elements onto the screen.
See also
Create an alarm screen on page 316
FactoryTalk View ME (ME) uses FactoryTalk Diagnostics to record various
types of system activity such as:
• System messages and errors.
• Errors from the communication network.
• Tag read and write activity.
18 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
Configuring the severity of a system activity to log adds a message to the list
when the activity occurs. The list appears in the default [DIAGNOSTICS]
display or user-created display.
View ME ViewE: Pass
Chapter 1 View Designer
View Designer provides several options for monitoring system health,
network communications, and tag read and write activity in a project. The
Predefined Screens folder in the Project Explorer contains:
• Alarm Summary, Alarm Manager and Alarm History screens to
monitor alarms set up in the controller.
• Troubleshooting screen to collect data and export a log to external
media.
• NetworkDiagnostic screen and ControllersDiagnostic screen to
troubleshoot network and controller problems.
The Toolbox contains alarm graphic elements used to create screens.
On the HMI device, errors are indicated for a graphic element when the
graphic element or group of graphic elements is outlined in red and has an
Error icon . Select the Error icon to view the Error list, which
contains a snapshot of the diagnostic messages associated with a graphic
element or group of graphic elements in error.
parameters to a screen
See also
View error messages for a graphic element on page 813
In FactoryTalk View ME (ME), create tag placeholders in graphic displays and
then create a parameter file or a parameter list. This specifies which tags or
folders to substitute for which placeholders when a display opens at runtime.
In View Designer, pass tag values from controllers to a screen or popup by
defining properties and exposing them for re-use. These user-defined
properties can be aliases of existing screen properties or properties that have
a data type. Data type properties replace a specific Logix Designer tag
instance when configuring bindings and expressions on the screen. To pass
the correct tag context to use at runtime, create a navigation event or a
shortcut to the screen.
In addition to passing tag values from controllers to a screen, pass the values
of non-alias screen properties from one screen to non-alias screen properties
of another screen with each target screen acting on the data associated with
its source screen. This chains reusable screens together by passing tag values
to the first screen, when then passes the values to subsequent screens.
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 19
See also
Example of content reuse on page 147
Chapter 1 View Designer
View ME ViewE: Set up
ViewME ViewE: Format
Learn
communications
FactoryTalk View ME (ME) requires specifying and configuring an
FactoryTalk® Linx™ or OPC server, configuring the path between the data
server and each controller, and adding device tags to the tag database for the
application.
In View Designer, set up an Ethernet driver in RSLinx Classic. Use the
Application tab on the Project Properties dialog box to select the HMI device
for the project. Use the References tab to add and configure the controller
references. Both tabs contain integrated browsers for selecting the HMI
device, controller, and Logix project file and setting up the appropriate
communication paths. Manually enter an IP address and slot number for the
controller instead of browsing for the path.
See also
Project Properties dialog box on page 59
color values
When binding a color property to a tag or expression, the string tag or
expression in View Designer resolves to the format #RRGGBB. R, G, B are the
Hex digits that represent the value for the red, green, and blue color channels.
For example, in View Designer, the string "#ffff00" produces yellow.
FactoryTalk View Machine Edition (ME) and FactoryTalk View Site Edition
(SE) use the format #BBGGRR. Change this format to #RRGGBB for color
property strings and expressions in View Designer.
See also
FactoryTalk View Machine Edition (ME) vs View Designer on page 16
This section provides step-by-step direction to perform some basic tasks in
View Designer:
• Animate a graphic element
• Configure a button with an event
• Display values on graphic elements
• Reuse screens
• Trigger an action on a screen or graphic element
• Set up security
• Create navigation on the HMI device
• Display alarm data from controllers
20 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
How do I animate a graphic
element?
Chapter 1 View Designer
See also
How do I animate a graphic element? on page 21
How do I create a reusable screen? on page 26
How do I secure a screen, shortcut, or folder? on page 31
How do I create navigation for the HMI screens? on page 32
Use animation to enhance the graphical representation of the state of a
machine or process on the HMI device. View Designer provides animation
through these methods:
• Property binding
• Color tables
• State tables
Configure graphic elements in View Designer to monitor the temperature of
the liquid in the tank using a Color Table or a State Table. The color of the
liquid in a tank changes when the temperature is too cool, too hot, or at the
appropriate temperature. In this topic, animate the graphic element using a
Color Table.
Prerequisites
• Create the following tags in Logix Designer. For information on creating
tags in Logix Designer, refer to the Logix Designer Help.
• TankFill: To monitor the tank level.
• TankTemperature: To monitor the temperature of the tank.
• Create a project.
• Add a controller reference.
• Create a screen.
To animate a graphic element
1. Add a Tank Assembled graphic element to the screen.
2. Configure the graphic element for animation using a Color Table.
a. Select the Tank Assembled graphic element on the screen.
b. In the Properties window, click the Animations tab.
c. Click Add Animation > Color Table.
d. In the Name box of the Color Table Definition dialog box, enter a
name for the Color Table.
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 21
e. In the Number of states box, enter or select 3, to indicate too cold,
too hot, and normal temperature states.
Chapter 1 View Designer
How do I configure a button
f. Select the LevelColor property and click OK. The Color Table card
appears in the Animations tab of the Properties window.
g. In the Expression box on the card, click Select tag to select a
tag, or type a tag name, to base an expression on. Select the
TankTemperature tag.
3. Enter the expression value and color for each state.
• To indicate cold temperatures, type 0-25 in the Expression Value
box and enter Hex value #0000FF for a blue color or click the down
arrow to select a color from the Color Picker.
• To indicate normal temperatures, type 25-75 in the Expression
Value box and enter Hex value #00FF00 for a green color or click the
down arrow to select a color from the Color Picker.
• To indicate hot temperatures, type 75-100 in the Expression Value
box and enter Hex value #FF0000 for a red color or click the down
arrow to select a color from the Color Picker.
4. Download the runtime application to the HMI device. The result of the
expression is compared with the values entered in the Color Table. The
Color Table is evaluated from top to bottom. The first expression value
that is met applies the color to the graphic element.
for high-speed control?
See also
Create a project on page 41
Add a controller reference on page 75
Create a screen on page 92
Animate a graphic element or screen on page 233
Use an HMI Button Control (HMIBC) instruction in Logix Designer to
communicate between an HMI device and a Logix controller over a highspeed I/O connection. On the HMI device, initiate machine control
operations, such as jogging a motor or opening and closing a valve, with a
higher degree of accuracy and determinism than a standard button on a
typical HMI. Any graphic element can be configured to function as a highspeed HMIBC button. Each Logix controller can support up to 256 HMIBC
tags.
In this topic, create a button that jogs a motor so that when the button is
pressed, the motor starts and runs until the button is released. Create a visual
notification of the status of whether the motor is running or stopped. Use a
Compact servo motor and a Text Display graphic element to receive
notification when the motor stops.
22 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
Chapter 1 View Designer
Prerequisites
• In a Logix Designer project, create an HMIBC instruction. Ensure that
the HMIBC instruction in Logix Designer is configured to scan quickly
enough to perform the motor jog control needed. For more
information on creating an HMIBC instruction, refer to the Logix
Designer help.
• In Logix Designer, add a PanelView 5000 HMI device to the I/O
configuration tree in the Controller Organizer. For more information
on adding a device to the I/O configuration tree, refer to the Logix
Designer help.
• Create a View Designer project.
• Add a controller reference.
• Create a screen.
To configure a button for high-speed control
1. Add Button, Compact servo motor, and Text Display graphic elements
to the screen.
Tip: All graphic elements in View Designer are located in the Toolbox grouped by
categories. The Button and Text Display graphic elements are located in the
CommonControls category. The Compact motor graphic element is located in the General
Equipment > Motors > Servo category.
2. Configure the Button graphic element to behave as a high-speed
HMIBC button.
a. On the screen, right-click the Button graphic element and click Button
Behavior > Logix HMIBC set to 1 on press, 0 on release. A Button
Behavior Event card opens on the Events tab on the Properties pane.
b. In the Key box, select Touch Only.
c. In the HMIBC Tag box, type the name of the HMIBC tag or click
Select tag and select the tag.
3. Configure the Compact servo motor to receive visual feedback:
a. Select the Compact servo motor graphic element.
b. On the Properties window, click the Animations tab.
c. Click Add Animation > State Table.
d. In the Name box of the State Table Definition dialog box, enter a
name for the State Table.
e. In the Number of states box, enter or select 2, to indicate the state of
the machine - stopped or running.
f. Select the Fill Color property, and click OK. The State Table appears
in the Animations Tab of the Properties window.
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 23
Chapter 1 View Designer
g. In the Expression box on the card, click Select tag to select a tag,
or type a tag name, to base an expression on. Select the HMIBC tag
configured with the .ProgFB member. The .ProgFB member
provides feedback to the HMI device when the device controlled by
the HMIBC instruction changes state.
h. For each state, enter the expression value and color.
• To indicate the stopped state of the motor: Enter a value of 0 in
the Expression Value box and click the swatch in the FillColor box
to select a red color from the Color Picker.
• To indicate the running state of the motor: Enter a value of 1 in
the Expression Value box and click the swatch in the FillColor box
to select a red color from the Color Picker.
At runtime, the value of the HMIBC tag is compared with the value
entered in the State Table and the appropriate color changes are
applied.
4. Configure the Text Display graphic elements to receive visual
feedback:
a. Select the Text Display graphic element.
b. On the Properties window, click the Animations tab.
c. Click Add Animation > State Table.
d. In the Name box of the State Table Definition dialog box, enter a
name for the State Table.
e. In the Number of states box, enter or select 2, to indicate the state of
the machine - stopped or running.
f. Select the Text property, and click OK. The State Table appears in
the Animations Tab of the Properties window.
g. In the Expression box on the card, click Select tag to select a
tag, or type a tag name, to base an expression on. Select the tag
configured with the .ProgFB member.
h. For each state, enter the expression value and the text to display on
the graphic element.
• To indicate stopped, enter 0 in the Expression Value box, and
Stopped in the Text Display box.
• To indicate running, enter 1 in the Expression Value box, and
Running in the Text Display box.
5. Download the runtime application to the HMI device, the value of the
HMIBC tag is compared with the value entered in the State Table and
the appropriate text appears.
24 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
How do I create a graphic or
screen that displays values
of Logix extended
Chapter 1 View Designer
See also
Create a project on page 41
Add a controller reference on page 75
Create a screen on page 92
Create an HMIBC Button on page 244
Extended properties are properties added to tags and data types in Logix
Designer to help reduce the number of tags that need to be created. If an
individual tag is configured in Logix Designer with extended properties, use
the extended properties on the tag.
properties?
For example, use tags to display values of extended properties, such as name
and description of a tank, the minimum and maximum values, and
engineering units of the level of the liquid in the tank. Then Bind graphic
elements in View Designer to the tag configured with the Name, Description,
Min, Max, and Engineering Unit extended properties.
Before you begin
• In Logix Designer, create a tag with Name, Description, Engineering
unit, Min, and Max extended properties. For information on how to
create a tag with extended properties, refer to the Logix Designer help.
• Create a project.
• Add a controller reference.
To create a graphic or screen that displays values of Logix extended
properties
1. Create a screen.
2. Add five Text Display graphic elements to the screen.
3. Bind each Text Display graphic element to the tag configured with
extended properties. For each of the Text Display graphic elements:
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 25
a. Select the Text Display graphic element.
b. In the Properties tab, point to the Text property to show and click
Binding , and then click Bind property to item.
c. Click Select tag to open the Tag Browser and navigate to the tag
configured with extended properties.
d. Double-click one of the extended properties in the list.
4. Download the runtime application to the HMI device. The Text Display
graphic elements show the values of the extended properties.
Chapter 1 View Designer
How do I create a reusable
screen?
See also
Create a project on page 41
Add a controller reference on page 75
Create a screen on page 92
Assume there is a plant that has two mixer tanks, and the application
requires:
• One screen to provide an overview of the plant showing both tanks.
• Individual screens that show details specific to each tank.
Use View Designer to create:
• One overview screen that displays all of the tanks.
• One mixer detail screen reused to display information for each tank on
request.
The detail screen essentially acts as a template, and the detail information for
each tank is passed into the screen at runtime. In this topic, the tank graphic
elements on the overview screen act as buttons to navigate to the detail
screen.
Prerequisites
• Use Logix Designer user-defined data types to create a data structure
to match the machine or process. Assign a name, description, and data
type for each member of the user-defined data type. For more
information refer to the Logix Designer help.
• Create a View Designer project.
• Add a controller reference.
26 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
Chapter 1 View Designer
To create a reusable screen
1. Create an overview screen with content to show on the HMI device.
a. Create a screen named Overview.
b. Add a graphic element to the overview screen. For example, add the
Mixing Hopper Side graphic element to the Overview screen. The
Mixing Hopper Side graphic element is located in the
GeneralEquipment > TanksAndContainers > Agitators category.
c. Bind a property of the graphic element to a tag.
2. Create a detail screen with content to show on the HMI device.
a. Create a screen named Mixing Hopper Detail.
b. Add graphic elements to the detail screen. For example, add the
Mixing Hopper Side, Text Display, and Numeric Display graphic
elements to the screen. The Numeric Display graphic element can
show the name of the mixing hopper, and the Numeric Display
graphic elements can show the values of the mixing hopper.
3. Create user-defined properties with a data type.
a. At the bottom of the screen, in the Name box of the Property
Definition tab, type a name for the property.
b. Click Expand below the screen to display the Property
Definition tab if it is not open.
c. Click the Data Type box and click Select data type to select a
data type:
• User-Defined. A structure data type defined in Logix Designer.
• Predefined. An atomic or structure data type that is defined by
the controller.
• Module-Defined. A structure data type defined by a module
when you create it. Tags of these types are created to store
input, output, and configuration data for the module.
The selected data type is used as a filter criteria for the Tag Browser.
Only items in the Logix Designer project (.acd) file that meet the
filter criteria appear in the Tag Browser.
4. Bind graphic element properties to an instance of a user-defined
property.
a. Expand the categories in the Properties tab to locate the property to
bind to a tag.
b. Point to the property box to show and click the Binding and
then click Bind property to item.
c. Click Select tag to open the Tag Browser and select a data item
from the Tag Browser, or enter an expression.
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 27
Chapter 1 View Designer
• To create or edit lengthy or complex expressions, click Open
Expression Editor .
• To bind to a property of a graphic element, browse to enter
ElementName.PropertyName.
• To bind to an instance of a user-defined property, select the
graphic element in the Tag Browser and then the Level member.
5. Create a Button Behavior event for screen navigation. This passes the
screen properties to the target screen when the event occurs.
a. On the Overview screen, select the graphic element to trigger the
event.
b. In the Properties window, click the Events tab.
c. Click Add Event and click Button Behavior.
d. Click Choose Behavior and click Navigate to screen on release.
e. In the Screen box, click User-Defined Screens and then click the
Mixing Hopper Detail screen.
f. In the Property Configuration box, click Select tag and select the
data type tag. The Tag Browser displays only tags of the type
specified in the Property Definition tab.
6. Configure the overview screen to reuse the detail screen.
a. Copy and paste another instance of the mixing hopper on the
Overview screen.
b. Click the copied mixing hopper and change the binding from, for
example, Mixer 1 to Mixer 2.
c. On the Events tab, change the Property Configuration to, for
example, Mixer 2.
7. Download the runtime application to the HMI device. Tapping each
mixing hopper displays the details of the mixing hopper. The event
passes the details of the mixing hopper to the screen.
See also
Create a project on page 41
Add a controller reference on page 75
User-defined property on page 159
28 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
Motors > Servo category.
change a tag value, create a Button Behavior event
How do I make a graphic
element interactive?
Chapter 1 View Designer
Make any graphic element or screen interactive by adding events. An event is
something that occurs to trigger an action. For each event, configure one or
more actions or commands that the event triggers. When something occurs
to trigger the event, this performs the configured command of the event.
Depending on the type of event, configure commands from different
categories to perform tasks.
In this topic, monitor two bottling lines. There are two screens with a button
on Screen_A that opens Screen_B. Configure a Button graphic element on
Screen_A that opens Screen_B.
Prerequisites
• Create a project.
• Add a controller reference.
• Create screens named Screen_A and Screen_B.
To make a graphic element interactive
1. Open Screen_A.
2. In the Toolbox, expand the appropriate category.
Tip: All graphic elements in View Designer are located in the Toolbox grouped by
categories. Button and Text Display graphic elements are located in the CommonControls
category. The Compact motor graphic element is located in the General Equipment >
3. Drag the graphic element onto the screen.
4. Double-click the graphic element in the Toolbox to add it to the center
of the screen.
5. Select the graphic element. The Properties window shows the
properties of the selected graphic element.
6. In the Properties window, click the Events tab.
7. Click Add Event and select Touch Release event from the list.
8. Click Add Command.
9. Expand the Navigation category and select the Screen Navigate
command.
10. In the Navigate To box, click the arrow, expand the User-Defined
Screens category and select Screen_B.
11. Download the runtime application to the HMI device. When releasing
the button, Screen_B opens.
Tip: To configure a graphic element to behave as a button to navigate to a screen or
Rockwell Automation Publication 9324-UM001D-EN-D - September 2020 29
Chapter 1 View Designer
See also
What is an event? on page 277
Configure an event to trigger an action on page 249
Trigger an action on a Button Behavior event on page 250
Add a controller reference on page 75
Create a screen on page 92
30 Rockwell Automation Publication 9324-UM001D-EN-D - September 2020
Loading...