The Pushbutton Object; The Button Object With Colors And Command Properties - Eaton XV-102 Series Quick Start Manual

XV Operator Interface Models
with Visual Designer
Since you will want to have a pop-up "virtual keyboard" used on-
line with the XV's touchscreen, you need to enable that in the
Project Settings. To do so click on the Project tab of the Ribbon and
then click the Viewer icon in the Settings section. Next click on the
"Virtual Keyboard" checkbox as shown below. You can modify the
settings for the scale of the keyboard if you want to change the key-
pad size at runtime on the XV unit.

3.5.6 The Pushbutton Object

To create a pushbutton with status indication on the page the
Pushbutton object will be used. To do this, click on the Pushbutton
icon on the Graphics tab of the Ribbon. The cursor will change to a
cross-hairs cursor. Click on the page and drag the cursor to size the
object. When you have sized the pushbutton to your liking release
the left-mouse button and the pushbutton will be displayed as
shown below.
To open the Pushbutton properties dialog either double-click on the
object or, when selected, hit the <ALT> Enter key. The following dia-
log will appear:
Pushbutton icon
Quick Start Guide MN0480001E
In the Tag/Expression property, type in the tag "hmiPB1" . Because
this tag doesn't exist you will be prompted to create the tag and
add it to the tag database, choose "Yes" . Then in the New Tag dialog
box use the drop list to change the Type from Integer to Boolean as
shown below and hit "OK" .
Make sure to select/copy the same
hmiPB1 tag in the Indicator property.
Note that properties which have no
ellipsis button to open the Object
Finder dialog can still open that dia-
log by double-clicking in the property
field when it is empty and not already
selected, or you can always right-click
on the property and choose "Insert Tag/Expression" . Next leave the
Type and State to Momentary, Normally Open and click on the
"Config..." button to display the following Configuration dialog:
In the Open section replace the Caption with "OFF" for the Color
use the drop list to select Gray for the background color. In the
Closed section change the Caption to "ON" and for the Color use
the drop list to select Green for the background color. You can also
change the Fonts of either to your taste, then when done click on
"OK" . Next close the object properties dialog with the red X.
3.5.7 The Button Object with Colors and
Command Properties
The Button object can be configured to do a similar function as the
Pushbutton object with more flexibility in some of the attributes that
are fixed in the previous section. In this section we're going to use
the Button object and add Color and Command dynamic properties
to perform the same function as the Pushbutton configured in the
previous section. To do this, click on the Button icon on the toolbar.
The cursor will change to a cross-hairs cursor. Click on the page and
drag the cursor to size the object. When you have sized the button
to your liking release the left-mouse button and the button will be
displayed as shown below.
eaton Corporation www.eaton.com
Effective February 2011
Button
Color
Command
icon
icon
icon
11