Creating graphic objects                  Chapter 17 
Rockwell Automation Publication VIEWSE-UM006K-EN-E 
2.  Drag the drawing tool until the rectangle is the desired shape. 
Drawing a polyline or polygon 
A polyline is a series of connected line segments. A polygon is a closed 
polyline shape. 
To draw a polyline or polygon: 
1.  Drag 
to create the first segment of the object. 
To draw horizontal or vertical lines (not diagonal lines), press Ctrl 
while you drag. 
2.  Release the mouse button. 
3.  Move the Polygon or Polyline tool to where the angle of the object is to 
be, and then click the left mouse button. 
Repeat this step until the object is completed. 
4.  To finish drawing, click the Select tool. 
Create fillable form pdf online - C# PDF Form Data fill-in Library: auto fill-in PDF form data in, ASP.NET, MVC, WinForms, WPF
Online C# Tutorial to Automatically Fill in Field Data to PDF
convert pdf to fillable pdf form; create a writable pdf form
Create fillable form pdf online - VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in, ASP.NET, MVC, WinForms, WPF
VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in, ASP.NET, MVC, WinForms, WPF
convert pdf into fillable form; create fill in pdf forms
Chapter 17                  Creating graphic objects 
Rockwell Automation Publication VIEWSE-UM006K-EN-E 
Drawing an ellipse or circle 
to draw an ellipse or circle. 
To draw an ellipse: 
diagonally, until the ellipse is the desired size. 
To draw a circle: 
Press Ctrl while you drag 
Drawing an arc or wedge 
Arcs and wedges are drawn in two steps: first you create an ellipse or circle, 
and then you reshape the ellipse or circle. 
You can also use the Arc and Wedge tools to reshape existing arcs, ellipses, 
or wedges. 
To draw the arc or wedge: 
1.  Drag 
to draw a circle. 
2.  Release the mouse button. 
3.  Click a handle, and drag the Arc or Wedge tool to cut out part of the 
To draw the arc or wedge in 45-degree increments, press Ctrl while 
you draw. 
VB.NET Create PDF from Word Library to convert docx, doc to PDF in
Edit Bookmark. Metadata: Edit, Delete Metadata. Form Process. Convert multiple pages Word to fillable and editable Easy to create searchable and scanned PDF files
convert pdf to pdf form fillable; create a fillable pdf form
VB.NET Create PDF from PowerPoint Library to convert pptx, ppt to
Bookmark. Metadata: Edit, Delete Metadata. Form Process. multiple pages PowerPoint to fillable and editable Create PDF file from PowerPoint free online without
create a fillable pdf form from a pdf; pdf form fill
Creating graphic objects                  Chapter 17 
Rockwell Automation Publication VIEWSE-UM006K-EN-E 
Changing the properties of drawing objects 
You can change the properties of drawing objects: 
In the object’s Properties dialog box
In the Property Panel. For details, see Viewing object properties in the 
Property Panel on page 396
Using the Foreground Color and Background Color palettes, and the 
Pattern Style toolbar. For details, see Applying colors on page 411
All drawing objects, except for text, image, and panel objects, have the same 
properties. Line objects do not take patterns. 
For details about setting up a drawing object, click Help in its Properties 
dialog box. 
To open the Properties dialog box: 
Double-click the object, or right-click the object, and then select Properties. 
Creating text objects 
Use the Text tool 
to draw a text object. You can then create the text 
and set up its appearance in the Text Properties dialog box. 
Choosing text fonts 
You can choose a font before or after you create text, and change the font of 
any object, including objects that display data or have captions.  
When choosing a font, style, size, and color for text, keep the following 
design principles in mind: 
Choose a font that was designed for on-screen viewing. Examples 
include Arial, Arial Narrow, Trebuchet MS, and Verdana. You can 
download these and other fonts free of charge, from the Microsoft 
Typography web site. 
TrueType and OpenType fonts are recommended because they can be 
resized easily, without losing text quality. 
Choose only one or two fonts, and use them for all the graphic displays 
in an application. 
Choose a font size that can be read easily. Test the font size, and adapt 
it to the screen resolution the operator will see at run time. 
VB.NET Create PDF from Excel Library to convert xlsx, xls to PDF
Edit Bookmark. Metadata: Edit, Delete Metadata. Form Process. Create fillable and editable PDF documents from Excel Create searchable and scanned PDF files from
convert word doc to fillable pdf form; convert pdf to fill in form
C# Create PDF from Excel Library to convert xlsx, xls to PDF in C#
Create fillable and editable PDF documents from Excel in both Create searchable and scanned PDF files from Excel. Export PDF from Excel with cell border or no
adding signature to pdf form; convert pdf fillable form
Chapter 17                  Creating graphic objects 
Rockwell Automation Publication VIEWSE-UM006K-EN-E 
To save screen space, use a condensed font such as Arial Narrow, 
which fits more characters per line, rather than reducing the font size. 
Sans-serif typefaces are easier to read at small sizes and lower 
resolutions on the screen than serif typefaces. For example, for normal 
text use Arial rather than Times New Roman. 
Use high-contrast color combinations, such as yellow on blue, rather 
than low-contrast combinations like black on green. 
Use colors with recognizable meanings. For example, in some 
countries the colors red and green mean stop and start. 
Keep color meanings consistent by assigning red only to Stop buttons, 
and green only to Start buttons. 
Ensure that the fonts used in graphic displays are installed on all 
computers where the displays will run. 
If a font is not installed, Windows substitutes one that is installed, 
possibly with unsatisfactory results. 
Creating a panel 
Use the Panel tool 
to draw rectangles and squares that have borders. 
The panel object supports visibility animation. You can also set up panel 
objects to blink at run time. For details, click Help in the Panel Properties 
dialog box. 
To add an image into a graphic display, you can: 
Place an image to be used in several displays. 
Import an image that is not in the Windows bitmap format (.bmp). 
Paste an image copied from another application. 
Placing images in graphic displays 
Use the Image tool 
to place a bitmap, jpeg, or .png image in a graphic 
If the image is not a bitmap, jpeg, or .png file, you must use image editing 
software to convert it to one of those formats before you can place it in a 
graphic display. 
If the image is monochrome (1 bit per pixel, 2 colors), you can change its 
color, background color, and transparency, and you can make it blink at run 
Adding images into 
graphic displays 
C# Create PDF Library SDK to convert PDF from other file formats
Create fillable PDF document with fields. Preview PDF documents without other plug-ins. Able to download free trial and use online example source code in C#
change font size in fillable pdf form; converting a word document to a fillable pdf form
C# Create PDF from PowerPoint Library to convert pptx, ppt to PDF
Convert multiple pages PowerPoint to fillable and editable Easy to create searchable and scanned PDF files Export PowerPoint hyperlink to PDF in .NET console
best pdf form filler; convert word document to pdf fillable form
Creating graphic objects                  Chapter 17 
Rockwell Automation Publication VIEWSE-UM006K-EN-E 
For monochrome images, the background color becomes transparent when 
you change the Image back style to Transparent. 
For color images, any area of the image that is black becomes transparent 
when you change the Image back style to Transparent. 
Adding images to an application 
Images you add to an application can be inserted in graphic displays over and 
over again. If you modify the original image, all displays that use the image 
are updated automatically. 
To add an image you want to use in several displays, add it to the application 
using the Image tool, or add the image to the Images folder in FactoryTalk 
View Studio, in the Explorer window. 
When you add an image using the Image Browser, the image appears 
automatically in the Explorer window, and vice versa. 
You can add an image to an application when you place it in a graphic 
display or before you place it in the display. For more information, click 
Help in the Image Browser. 
Importing images into graphic displays 
FactoryTalk View can read .bmp, .png, and JPEG (.jpg, .jpeg, .jpe, .jif, .jfif) 
files in their original format, without requiring conversion. 
When you import an image, FactoryTalk View converts .gif, .tif, .pcx, and 
.jpg images to the Windows .bmp format. Vector images in .dxf and .wmf 
formats are converted to FactoryTalk View graphic objects. 
For details, see Importing graphic files from third-party applications on page 
Pasting images into graphic displays 
You can also add an image to a graphic display by copying the image to the 
Windows clipboard from another application, and then pasting it into the 
To paste an image from the clipboard, open the display in the Graphics 
editor, and then, from the Edit menu, select Paste Special
C# Create PDF from Word Library to convert docx, doc to PDF in C#.
Convert multiple pages Word to fillable and editable PDF Easy to create searchable and scanned PDF files Change Word hyperlink to PDF hyperlink and bookmark.
create a fillable pdf form online; convert excel spreadsheet to fillable pdf form
VB.NET Create PDF from OpenOffice to convert odt, odp files to PDF
Edit Bookmark. Metadata: Edit, Delete Metadata. Form Process. Create PDF document from OpenOffice Text Document with ODT, ODS, ODP forms into fillable PDF formats
create a pdf form to fill out; convert word document to fillable pdf form
Chapter 17                  Creating graphic objects 
Rockwell Automation Publication VIEWSE-UM006K-EN-E 
Graphic objects that an operator can interact with at run time, using a mouse, 
keyboard, or touch screen, are called interactive objects. 
Examples of interactive objects are a numeric input object, a button that has 
a press action, and a rectangle object with touch animation. 
Specifying tag names 
At run time, interactive objects obtain data from tags. When creating 
interactive objects, you specify the name of the tag (or a tag placeholder) that 
will supply the object with data. 
Supplying a tag name: 
To supply a tag name for an object that uses data, when creating the object 
you can: 
Type the name of the tag. You do not have to create the tag to use the 
tag name, but be sure to create the tag later or errors will be reported at 
run time. 
Click the Browse or Tags button (whichever is available) to open the 
Tag Browser and select or create the tag. 
For more information about working with tags and the Tag Browser, see 
Working with tags on page 189
Determining which objects have input focus 
At run time, the object with focus in a graphic display is surrounded by a 
highlight box, unless the check box, Disable Highlight When Object has 
Focus, is selected in the Display Settings dialog box for the display. 
In the Display Settings dialog box, you can also specify the highlight color. 
For more information, see Specifying the behavior of objects with input 
focus on page 439
Focus highlight for ActiveX and trend objects 
For ActiveX and trend objects, use the Common tab in the object’
s Properties 
dialog box to specify whether to display a highlight. 
Techniques for 
working with 
objects that use 
VB.NET Create PDF Library SDK to convert PDF from other file
Create fillable PDF document with fields in Visual Basic .NET Load PDF from stream programmatically in VB.NET. Free trial and use online source code are fill pdf form; create a pdf form that can be filled out
C# Create PDF from OpenOffice to convert odt, odp files to PDF in
Create PDF document from OpenOffice Presentation in both .NET WinForms and ODT, ODS, ODP forms to fillable PDF formats in Online source code for C#.NET class.
pdf create fillable form; allow users to attach to pdf form
Creating graphic objects                  Chapter 17 
Rockwell Automation Publication VIEWSE-UM006K-EN-E 
If the check box, Disable Highlight When Object has Focus, is selected for 
the graphic display, that setting overrides what is specified for the ActiveX or 
trend object, in its Properties dialog box. 
Using the keyboard to select objects that can take 
If a mouse or touch screen is not connected to the computer at run time, the 
operator can use the keys on a keyboard or keypad to select (give focus to) 
these objects: 
Push button objects 
Numeric and string input objects 
Control list selectors, piloted control list selectors, and display list 
Trends and HMI tag alarm summaries 
FactoryTalk Alarm and Event objects, including alarm and event 
summaries, banners, status explorers, and the log viewer. 
Third-party ActiveX input objects 
Use the following keys to move to and select a different object: 
To do this 
Move from the upper left to the lower right 
Move from the lower right to the upper left 
Shift + Tab 
Move left, right, up, or down 
Ctrl + arrow key 
When a graphic display opens, of the objects that can have input focus, the 
object that has a tab index of 1 is selected initially. 
If all of the objects in a display are continuously updating 
input objects, none of the objects will receive initial focus. 
Instead, the operator must select an input object to give it 
focus. For more information, see Updating tag values 
continuously on page 471. 
Removing objects from the tab sequence 
By default, you can use the Tab and arrow keys to navigate to objects that 
can have input focus in a graphic display. 
Chapter 17                  Creating graphic objects 
Rockwell Automation Publication VIEWSE-UM006K-EN-E 
You can also turn off key navigation for objects that take input focus, except 
for push buttons, recipe objects, input objects, and HMI tag alarm 
When an object’s key navigation is turned off, an operator can still select the 
object using a mouse or touch screen, if one is available. 
Turning off key navigation: 
To turn off key navigation, use one of these methods: 
For display list and control list selectors, open the object’s Properties 
dialog box, click the General tab, and then clear the check box, Key 
For ActiveX objects, trends, and Alarm and Event objects, open the 
object’s Pr
operties dialog box, click the Common tab, and then clear 
the check box, Key navigation. 
In the Property Panel for the object, click the Properties tab, and then 
set the KeyNavigation property to False
Push buttons start or stop processes or actions and change tag values. You 
can create the following types of push buttons, depending on the needs of the 
Button objects can change tag values, or run FactoryTalk View 
Momentary push buttons change a tag to one value when the button is 
pressed, and another value when the button is released. 
Momentary push buttons work like the Pulse button on a food 
processor, but with an indicator light to signal whether the motor is 
running or stopped. The machine is on only while the button is held 
down. When the button is released, the machine turns off. 
Momentary push buttons are useful for jogging a motor, and they can 
be set up to start and stop a machine or process. 
Maintained push buttons switch between two values. 
This type of button is useful for changing a setting within a machine or 
process, but not for starting the machine or process. For example, use 
the maintained push button for changing modes, such as Auto to 
Manual, or Metric to Imperial. 
Latched push buttons lock in the on position, and must be unlocked by 
another button or process to return to the off position. This type of 
button is useful for starting a machine or process. 
Multistate push buttons let an operator cycle through multiple options 
consecutively, using a single button that displays the current state of a 
Creating the 
different types of 
push buttons 
Creating graphic objects                  Chapter 17 
Rockwell Automation Publication VIEWSE-UM006K-EN-E 
process or operation. Each state can be represented by a different color, 
caption, or image. 
Interlocked push buttons work in groups, and share the same tag. The 
buttons work together like the preset station selector buttons on a car 
radio: pressing one button cancels another. Although interlocked push 
buttons work as a group, you add them to the display one at a time. 
Ramp push buttons increase or decrease the value of a tag by either an 
integer or floating point value. You can use two ramp buttons together 
to create an increase/decrease control, for example for the speed of a 
Navigation push buttons can be configured to let the operator perform 
the following actions: show previous display screen, show next display 
screen, and show a list of previously shown screens. 
For details about setting up a push button, click Help 
in the object’s 
Properties dialog box. 
Never use push buttons for emergency stops. Always 
hard-wire emergency stop buttons. 
Creating button push buttons 
Use the Button tool 
to create push buttons that work like standard 
Windows buttons. 
You can assign FactoryTalk View commands to buttons, so they trigger 
actions when pressed and released. 
You can also attach different types of animation to a button, except for fill, 
rotation and touch animation. For more information, see Animating graphic 
objects on page 513
Setting up button properties 
In the Button Properties dialog box: 
In the General tab, specify general characteristics of the button 
including style, index number, runtime focus highlight, and whether 
the cursor is captured when the button is pressed. 
In the Action tab, set up how the button will behave when the user 
presses, holds, and releases it at run time, and whether to show a 
confirmation dialog box before release actions are performed. 
Chapter 17                  Creating graphic objects 
Rockwell Automation Publication VIEWSE-UM006K-EN-E 
In the Up Appearance tab, specify what the button looks like when it 
is not pressed. 
In the Down Appearance tab, specify what the button looks like when 
it is pressed. 
In the Disabled Appearance tab, specify what the button looks like 
when it is in the disable state. 
Creating momentary push buttons 
Use the Momentary Push Button tool 
to create a button that starts a 
process or action. 
A momentary push button changes a tag to one value when pressed, and to 
another value when released. You can specify values for the press and release 
actions, or the momentary push button can have these states: 
Normally open means the released state of the button is off: when the 
button is pressed, the tag’s value is set to 1; when the button is 
released, the tag’
s value is set to zero. Pressing the button completes 
the circuit. 
Normally closed means the released state of the button is on: when the 
button is pressed, the tag’s value is set to 0; when the button is 
Documents you may be interested
Documents you may be interested