1 Introduction Merged

Download as pdf or txt
Download as pdf or txt
You are on page 1of 246

CHAPTER 1

INTRODUCTION

1.1. Project Development Steps .......................................................................... 1


1.2. Using the Software........................................................................................ 2
1.2.1. Main Menus ................................................................................................................... 2
1.2.2. Toolbars ....................................................................................................................... 14
1.2.3. Project Manager........................................................................................................... 22
1.2.4. Screen Manager ........................................................................................................... 30
1.2.5. Pop-up Menus.............................................................................................................. 32

-i-
1
1.1. Project Development Steps

Install and run


the Software

Set up project
Create a project
protection

Global Settings Create and set up


Languages panel applications
Font Templates
Picture Database
Sound Database Create and set
Text Database up links
Global Tags
Global macros
Create local tags

Application setup Create and set Alarm blocks


Command block up screens
Recipe blocks
Status words
Clock Data loggers
Passwords Design the screens Operation logger

Local macros

Compile current Simulate current


panel application panel application

Download current
panel application

Run

1-1 CHAPTER 1 INTRODUCTION


1
1.2. Using the Software

1.2.1. Main Menus


There are 11 drop down menus you can select in the main menu: File, Edit, View, Screen, Draw, Object, Project, Panel,
Tools, Window, Help.

1.2.1.1. File Menu

Icon Menu Item Shortcut Description

New Ctrl+N Create a new project.

Open... Ctrl+O Open an existing project.

Close Close the current project.

Save Ctrl+S Save the current project.

Save As... Save the current project with a new name.


<Recently opened filename> Open the referred project.
Exit Exit the software.

1.2.1.2. Edit Menu

Icon Menu Item Pop-up Menu Item Shortcut Description

Undo Ctrl+Z Undo the last action.

Redo Ctrl+Y Redo the previously undone action.

Cut Ctrl+X Cut the selection and put it on the Clipboard.

Copy Ctrl+C Copy the selection and put it on the Clipboard.

Paste Ctrl+V Place the Clipboard contents on the current screen.

Delete Del Delete the selection.


Duplicate... Duplicate the selected object.
Fine and Find... Find the specified text.
Replace Replace... Replace specific text with different text.
Show Grid Show or hide the grid.
Select or deselect the option of aligning objects to the
Snap to Grid
grid points.
Grid Settings... Opens the Grid Settings dialog box.
Select All Ctrl+A Select entire objects of the active screen.

Group Group the selection.

Ungroup Ungroup the selected group.


Continued

CHAPTER 1 INTRODUCTION 1-2


1
Icon Menu Item Pop-up Menu Item Description
Pin Pin the selection so it cannot move.

Unpin Unpin the selection so it can move again.

Auto Text Select or deselect the option of automatic text resizing.


Resizing
Align Left Align the left sides of selected objects to the left side of the reference
object. All the objects move horizontally so their left sides are in line
with the left side of the reference object.
Vertical Center Align the vertical centers of selected objects to the vertical center of
the reference object. All the objects move horizontally so their vertical
centers are in line with the vertical center of the reference object.
Right Align the right sides of selected objects to the right side of the
reference object. All the objects move horizontally so their right sides
are in line with the right side of the reference object.
Top Align the tops of the selected objects to the top of the reference
object. All the objects move vertically so their tops are in line with the
top of the reference object.
Horizontal Center Align the horizontal centers of selected objects to the horizontal
center of the reference object. All the objects move vertically so their
horizontal centers are in line with the horizontal center of the
reference object.
Bottom Align the bottoms of selected objects to the bottom of the reference
object. All the objects move vertically so their bottoms are in line with
the bottom of the reference object.
To Grid Select or deselect the option of aligning objects to the grid points.

Make Same Width Make the selected objects have the same width as the reference
Size object.
Height Make the selected objects have the same height as the reference
object.
Both Make the selected objects have the same width and height as the
reference object.
Nudge Left Nudge the selection left. When the Snap to Grid option is not
selected, all objects of the selection move one pixel left. When the
Snap to Grid option is selected, each object of the selection moves
left to where its upper-left corner aligns to the nearest grid point.
Right Nudge the selection right. When the Snap to Grid option is not
selected, all objects of the selection move one pixel right. When the
Snap to Grid option is selected, each object of the selection moves
right to where its upper-left corner aligns to the nearest grid point.
Up Nudge the selection up. When the Snap to Grid option is not
selected, all objects of the selection move one pixel up. When the
Snap to Grid option is selected, each object of the selection moves
up to where its upper-left corner aligns to the nearest grid point.
Down Nudge the selection down. When the Snap to Grid option is not
selected, all objects of the selection move one pixel down. When the
Snap to Grid option is selected, each object of the selection moves
down to where its upper-left corner aligns to the nearest grid point.
Continued

1-3 CHAPTER 1 INTRODUCTION


1
Icon Menu Item Pop-up Menu Item Description
Layer Bring to Top Bring the selection to the top.

Bring Forward Bring the selected object one layer up.

Send Backward Send the selected object one layer down.

Send to Bottom Send the selection to the bottom.

Set Order Start the order setting process for the objects of the active screen.
Object Open the property sheet of the selected object.
Properties...
Save as Save the selected object as the default object for the type of that
Default object. Default objects are saved in the Objects category of the
object library.
Save to Object Save the selected object to the object library.
Library...
Save as Global Save the selected object as the global object which is saved in the
Object… Global category of the object library. Global Objects can be used for
the Global Object Containers.

Note:
1. To select a reference object from the selection, use [Ctrl+Click].
2. To add an object to the selection, use [Shift+Click].

1.2.1.3. View Menu

Icon Menu Item Pop-up Menu Item Description


Address Write/Monitor Display the Write address and Monitor address defined for each object of
all the opened screens.
Write Display the Write address defined for each object of all the opened
screens.
Monitor Display the Monitor address defined for each object of all the opened
screens.
Read Display the Read address defined for each object of all the opened
screens.
Notification Display the Notification address defined for each object of all the opened
screens.
Touch Operation Display the address of the Touch Operation Control bit defined for each
Control object of all the opened screens.
Visibility Control Display the address of the Visibility Control bit defined for each object of
all the opened screens.
Show Tips Select or deselect the option of displaying tip for the toolbar icon or the
object on which the cursor stays.
Continued

CHAPTER 1 INTRODUCTION 1-4


1
Icon Menu Item Pop-up Menu Item Description
Zoom 25% Display screens in 25% of their normal sizes.
50% Display screens in 50% of their normal sizes.
70% Display screens in 70% of their normal sizes.
80% Display screens in 80% of their normal sizes.
90% Display screens in 90% of their normal sizes.
100% Display screens in normal size.
150% Display screens in 150% of their normal sizes.
200% Display screens in 200% of their normal sizes.
300% Display screens in 300% of their normal sizes.

Normal Size Display screens in normal size.

Project Manager Show or hide Project Manager.


Screen Manager Show or hide Screen Manager.
Screen Overview Show or hide Screen Overview.
Link Overview Show or hide Link Overview.
Object Library Show or hide Object Library.
Macro Command Show or hide Macro Command Properties window.
Properties
Object List Show or hide Object List.
I/O List Show or hide I/O List.
Standard Toolbar Show or hide Standard toolbar.
Object Toolbar Show or hide Object toolbar.
Draw Toolbar Show or hide Draw toolbar.
Text Toolbar Show or hide Text toolbar.
Edit Toolbar Show or hide Edit toolbar.
Address Toolbar Show or hide Address toolbar.
Picture Toolbar Show or hide Picture toolbar.
Status Bar Show or hide Status bar.
Semi-transparent Object Select or deselect the option of displaying the object
Dialog View property dialog box in semi-transparent mode. A
semi-transparent dialog box allows you to see the objects
underlying the dialog box.
<Language name> Display the text of objects in the selected language.

1-5 CHAPTER 1 INTRODUCTION


1
1.2.1.4. Screen Menu

Icon Menu Item Description

New Screen... Create a new screen for the current panel application.

Open Screen... Open an existing screen of the current panel application.


Close Screen Close the current screen.
Close All Screens Close all the opened screens.
Cut Screen Cut the current screen and put it on the Clipboard.
Copy Screen Copy the current screen and put it on the Clipboard.
Insert the screen on the Clipboard to the current panel
Paste Screen
application.
Delete Screen Delete the current screen.
Stretch Screen... Stretch the current screen.
Export Screen... Export the current screen to a file.
Import Screen... Import a screen from a file for the current panel application.
Save Current Screen as Picture... Save the current screen to a picture file.
Open the Save Screens as Pictures dialog box. You can save
Save Screens as Pictures... each of the selected screens to a picture file using the dialog
box.

Screen Properties Open the screen property dialog box for the current screen.

CHAPTER 1 INTRODUCTION 1-6


1
1.2.1.5. Draw Menu

Icon Menu Item Description

Dot Get ready to place a copy of the default dot on a screen.

Line Get ready to place a copy of the default line on a screen.

Horizontal Line Get ready to place a copy of the default horizontal line on a screen.

Vertical Line Get ready to place a copy of the default vertical line on a screen.

Polyline Get ready to draw a polyline on a screen.

Rectangle Get ready to place a copy of the default rectangle on a screen.

Round Rectangle Get ready to place a copy of the default round rectangle on a screen.

Clipped Rectangle Get ready to place a copy of the default clipped rectangle on a screen.

Circle Get ready to place a copy of the default circle on a screen.

Ellipse Get ready to place a copy of the default ellipse on a screen.

Arc Get ready to place a copy of the default arc on a screen.

Pie Get ready to place a copy of the default pie shape on a screen.

Polygon Get ready to draw a polygon on a screen.

Text Get ready to place a copy of the default text object on a screen.

Picture Get ready to place a copy of the default picture object on a screen.

Scale Get ready to place a copy of the default scale on a screen.

Table Get ready to place a copy of the default table on a screen.

1-7 CHAPTER 1 INTRODUCTION


1
1.2.1.6. Object Menu

Icon Menu Item Pop-up Menu Item Description

Bit Button Get ready to place a copy of the default bit button on a screen.

Get ready to place a copy of the default toggle switch on a


Toggle Switch
screen.
Get ready to place a copy of the default screen button on a
Screen Button
screen.
Get ready to place a copy of the default function button on a
Function Button
screen.
Get ready to place a copy of the default slide switch on a
Slide Switch
screen.
Get ready to place a copy of the default word button on a
Word Button
screen.
Get ready to place a copy of the default multistate Switch on a
Multistate Switch
screen.
Get ready to place a copy of the default radio button group on
Radio Button Group
a screen.
Get ready to place a copy of the default keypad button on a
Keypad Button
screen.
More buttons
Get ready to place a copy of the default scroll button group on
Scroll Button Group
a screen.

Scroll Bar Get ready to place a copy of the default scroll bar on a screen.

Get ready to place a copy of the default step button on a


Step Button
screen.
Get ready to place a copy of the default page selector on a
Page Selector
screen.
Get ready to place a copy of the default numeric entry on a
Numeric Entry
screen.
Get ready to place a copy of the default numeric display on a
Numeric Display
screen.
Advanced Get ready to place a copy of the default advanced numeric
Numeric Display display on a screen.
Get ready to place a copy of the default ASCII string entry on a
Character Entry
screen.
Get ready to place a copy of the default ASCII string display on
Character Display
a screen.

Bit Lamp Get ready to place a copy of the default bit lamp on a screen.

Get ready to place a copy of the default multistate lamp on a


Multistate Lamp
screen.
Get ready to place a copy of the default message display on a
Message Display
screen.
Get ready to place a copy of the default time display on a
Time Display
screen.
Get ready to place a copy of the default date display on a
Time/Date Date Display
screen.
Get ready to place a copy of the default day-of-week display on
Day-of-week Display
a screen.
Continued

CHAPTER 1 INTRODUCTION 1-8


1
Icon Menu Item Pop-up Menu Item Description
Get ready to place a copy of the default meter on a
Meter
screen.
Get ready to place a copy of the default dynamic circle
Dynamic Circle
on a screen.
Get ready to place a copy of the default dynamic
Dynamic Rectangle
rectangle on a screen.
Get ready to place a copy of the default GIF display on
Dynamic Graphic GIF Display
a screen.
Get ready to place a copy of the default picture display
Picture Display
on a screen.
Get ready to place a copy of the default animated
Animated Graphic
graphic on a screen.
Get ready to place a copy of the default pipeline on a
Pipeline
screen.
Get ready to place a copy of the default bar graph on a
Bar Graph
screen.
Get ready to place a copy of the default line chart on a
Line Chart
screen.
Graph/Chart
Get ready to place a copy of the default circular bar
Circular Bar Graph
graph on a screen.
Get ready to place a copy of the default scatter chart
Scatter Chart
on a screen.
Get ready to place a copy of the default alarm display
Alarm Display
on a screen.
Get ready to place a copy of the default historic data
Historic Data Table
table on a screen.
Get ready to place a copy of the default historic event
Historic Event Table
table on a screen.
Get ready to place a copy of the default historic trend
Historic Display Historic Trend Graph
graph on a screen.
Single Record Line Get ready to place a copy of the default single record
Chart line chart on a screen.
Get ready to place a copy of the default operation log
Operation Log Display
display on a screen.
Get ready to place a copy of the default recipe selector
Recipe Selector
on a screen.
Get ready to place a copy of the default recipe table on
Recipe Table
a screen.
Get ready to place a copy of the default sublink table
Sublink Table
on a screen.
Get ready to place a copy of the default schedule
Schedule Setting Table
setting table on a screen.
Get ready to place a copy of the default screen window
Screen Window
on a screen.
Get ready to place a copy of the default global object
Global Object Container
container on a screen.
Get ready to place a copy of the default USB camera
USB Camera View
view on a screen.

1-9 CHAPTER 1 INTRODUCTION


1
1.2.1.7. Project Menu

Icon Menu Item Pop-up Menu Item Description


Information & Open the Project Information & Protection dialog box.
Protection... This dialog box shows the basic information of your
project and allows you to define how to protect it.
Languages... Open the Languages dialog box. You can specify up to
10 languages for your project to support with this dialog
box.
Font Templates... Open the Font Templates dialog box. With this dialog
box, you can specify up to 20 fonts as the frequently
used fonts for each language.
Picture Database... Open the Picture Database (dialog box). You can
import pictures and organize them for your project in
this dialog box.
Sound Database... Open the Sound Database (dialog box). You can import
sounds for your project in this dialog box.
Text Database... Open the Text Database (dockable window). With Text
Database, you can import text, export text, and edit text
for your project.
Global Tags... Open the Global Tags window. You can define the
global tags in this window.
Global Macro Add... Create a new macro.
Edit Select a macro to edit.
Delete Select a macro to delete.
Add New Panel Create a new panel application.
Application...
Import Panel Import a panel application from a PLF file.
Application...
Delete Panel Application Select a panel application to delete.

CHAPTER 1 INTRODUCTION 1-10


1
1.2.1.8. Panel Menu

Icon Menu Item Pop-up Menu Item Description


Current Panel <Panel application name> Select a panel application as the current application
Application
Link Add... Add a new communication link to the current application.
Properties Select a communication link to open its property sheet.
Delete Select a communication link to delete.
Driver List… Open communication driver list dialog box which lists all the
supported communication drivers. In the dialog box, you can
export the driver list to the .csv file.
Tags... Open the Tags window of the current application. You can define
tags for the application in this window.
Sound Table... Open the Sound Table (dialog box). You can collect sounds for the
current application in this dialog box.
General Setup... Open the Panel General Setup dialog box. You can define the
general settings for the current application in this dialog box.
Command & Open the Command & Status dialog box. You can define the
Status... command block and the status words for the current application in
this dialog box.
Clock... Open the Clock dialog box. You can define the clock operations for
the current application in this dialog box.
Passwords... Open the Passwords dialog box. You can define passwords and
related settings for the application in this dialog box.
Discrete Alarm Add Add a new discrete alarm block to the current application.
Block Properties Select a discrete alarm block to open its property sheet.
Delete Select a discrete alarm block to delete.
Analog Alarm Add Add a new analog alarm block to the current application.
Block Properties Select an analog alarm block to open its property sheet.
Delete Select an analog alarm block to delete.
Recipe Block Add Add a new recipe block to the current application.
Properties Select a recipe block to open its property sheet.
Delete Select a recipe block to delete.
Data Logger Add Add a new data logger to the current application.
Properties Select a data logger to open its property sheet.
Delete Select a data logger to delete.
Operation Open the Operation Logging dialog box. You can define the
Logging... settings of operation logging for the current application in this
dialog box.
Schedule… Open the Schedule dialog box. You can define schedules and
related settings for the application in this dialog box.
Macro Add... Add a new macro to the current application.
Edit Select a macro of the current application to edit.
Delete Select a macro of the current application to delete.
Compile... Compile the current application to build the runtime data. You can
download the runtime data to the target panel. With the runtime
data the target panel can perform exactly what you programmed
for the application.
Continued

1-11 CHAPTER 1 INTRODUCTION


1
Icon Menu Item Pop-up Menu Item Description
Build Panel Runtime Build the panel runtime package (PRP) file for the current
Package (PRP)... application. The PRP file contains the runtime data and the
system programs. You can update the target panel without
the project file by downloading the PRP file to it. The target
panel can also update itself by loading the PRP file from a
USB mass storage device.
Build ROM Image... Build the ROM image file for the current application. The
ROM image file contains the runtime data and the system
programs. The target panel can update itself by loading the
ROM image file from a micro SD card.
Download... Download data to the target panel.

Upload... Upload data from the target panel.


Export Panel Export the current panel application to a PLF file.
Application...

1.2.1.9. Tools Menu

Icon Menu Item Pop-up Menu Item Description


Language Selection Auto When this item is selected:
Default Language for Language Used for the U/I of
the Windows the software
Simplified Chinese Simplified Chinese
Traditional Chinese Traditional Chinese
Others English

English Select English as the language for the U/I of the software.
Chinese (Simplified) Select simplified Chinese as the language for the U/I of the
software.
Chinese Select traditional Chinese as the language for the U/I of the
(Traditional) software.
Run Offline Simulation Run offline simulation for the current application.

Run Online Simulation Run online simulation for the current application.
Set Transparent Open the Set Transparent Communication dialog box.
Communication...
Start Transparent Start the transparent communication.
Communication
End Transparent End the transparent communication.
Communication
Update OS0 through Update the system program OS0 of the target panel through
BIOS its BIOS. This operation is useful when the system programs
of the target panel were destroyed.
Export Text... Export the text of the current application to a PTX file.
Import Text... Import the text in a PTX file for the selected application.
TextEditor Run the TextEditor program to edit the text of a PTX file.

CHAPTER 1 INTRODUCTION 1-12


1
1.2.1.10. Window Menu

Icon Menu Item Description


Cascade Arrange windows so they overlap.
Tile Vertical Arrange windows as non-overlapping vertical tiles.
Tile Horizontal Arrange windows as non-overlapping horizontal tiles.
Arrange Icon Arrange icons at the bottom of the window.
Restore Restore the windows to their original sizes and positions.
Maximize Maximize the windows
Opened Window List Display a list of opened windows titles. You may click the window title to bring the
corresponding window to the top.
Windows… Open the Windows dialog box to activate or save or close the selected window.

1.2.1.11. Help Sub-menu

Icon Menu Item Description


About... Open the About… dialog box. You can see the version number of the software in
this dialog box.

1-13 CHAPTER 1 INTRODUCTION


1
1.2.2. Toolbars
1.2.2.1. Standard Toolbar

Icon Tool Tip Description

New Create a new project.

Open Open an existing project.

Save Save the current project.

Cut Cut the selection and put it on the Clipboard.

Copy Copy the selection and put it on the Clipboard.

Paste Place the Clipboard contents on the current screen.

Undo Undo the last edit action.

Redo Redo the previously undone edit action.

New Screen Create a new screen for the current panel application.

Screen Properties Open the screen property dialog box for the current screen.

Previous Screen Open the previous screen in terms of screen number.

Next Screen Open the next screen in terms of screen number.

Zoom In Make the screen view one step bigger.

Zoom Out Make the screen view one step smaller.

Normal Size Restore the screen view to normal size.

Off (State 0) Show the Off state of all the objects on the current screen.

On (State 1) Show the On state of all the objects on the current screen.

State Select a state for the selected object to show.

Compile the current application to build the runtime data. You can download the
Compile runtime data to the target panel. With the runtime data, the target panel performs
exactly like how the application was programmed.

Download Download data to the target panel.

Download
Download data using the existing settings to the target panel immediately
Immediately
Run Offline
Run offline simulation for the current application.
Simulation

About Open the About dialog box.

CHAPTER 1 INTRODUCTION 1-14


1
1.2.2.2. Object Toolbar

Icon Tool Tip Description

Bit Button Get ready to place a copy of the default bit button on a screen.

Word Button Get ready to place a copy of the default word button on a screen.

Screen Button Get ready to place a copy of the default screen button on a screen.

Page Selector Get ready to place a copy of the default page selector on a screen.

Function Button Get ready to place a copy of the default function button on a screen.

Keypad Button Get ready to place a copy of the default keypad button on a screen.

Scroll Button Group Get ready to place a copy of the default scroll button group on a screen.

Scroll Bar Get ready to place a copy of the default scroll bar on a screen.

Radio Button Group Get ready to place a copy of the default radio button group on a screen.

Step Button Get ready to place a copy of the default step button on a screen.

Toggle Switch Get ready to place a copy of the default toggle switch on a screen.

Multistate Switch Get ready to place a copy of the default multistate switch on a screen.

Slide Switch Get ready to place a copy of the default slide switch on a screen.

Numeric Entry Get ready to place a copy of the default numeric entry on a screen.

ASCII String Entry Get ready to place a copy of the default ASCII string entry on a screen.

Advanced Numeric Display Get ready to place a copy of the default advanced numeric display on a screen.

Bit Lamp Get ready to place a copy of the default bit lamp on a screen.

Multistate Lamp Get ready to place a copy of the default multistate lamp on a screen.

Numeric Display Get ready to place a copy of the default numeric display on a screen.

ASCII String Display Get ready to place a copy of the default ASCII string display on a screen.

Message Display Get ready to place a copy of the default message display on a screen.

Meter Get ready to place a copy of the default meter on a screen.


Continued

1-15 CHAPTER 1 INTRODUCTION


1
Icon Tool Tip Description

Time Display Get ready to place a copy of the default time display on a screen.

Date Display Get ready to place a copy of the default date display on a screen.

Day-of-week Display Get ready to place a copy of the default day-of-week display on a screen.

Dynamic Circle Get ready to place a copy of the default dynamic circle on a screen.

Dynamic Rectangle Get ready to place a copy of the default dynamic rectangle on a screen.

GIF Display Get ready to place a copy of the default GIF display on a screen.

Picture Display Get ready to place a copy of the default picture display on a screen.

Animated Graphic Get ready to place a copy of the default animated graphic on a screen.

Pipeline Get ready to place a copy of the default pipeline on a screen.

Bar Graph Get ready to place a copy of the default bar graph on a screen.

Line Chart Get ready to place a copy of the default line chart on a screen.

Circular Bar Graph Get ready to place a copy of the default circular bar graph on a screen.

Scatter Chart Get ready to place a copy of the default scatter chart on a screen.

Alarm Display Get ready to place a copy of the default alarm display on a screen.

Historic Data Table Get ready to place a copy of the default historic data table on a screen.

Historic Event Table Get ready to place a copy of the default historic event table on a screen.

Historic Trend Graph Get ready to place a copy of the default historic trend graph on a screen.

Single Record Line Chart Get ready to place a copy of the default single record line chart on a screen.

Operation Log Display Get ready to place a copy of the default operation log display on a screen.

Recipe Selector Get ready to place a copy of the default recipe selector on a screen.

Recipe Table Get ready to place a copy of the default recipe table on a screen.

Sublink Table Get ready to place a copy of the default sublink table on a screen.

Schedule Setting Table Get ready to place a copy of the default schedule setting table on a screen.

Screen Window Get ready to place a copy of the default screen window on a screen.

USB Camera View Get ready to place a copy of the default USB camera view on a screen.

CHAPTER 1 INTRODUCTION 1-16


1
1.2.2.3. Draw Toolbar

Icon Tool Tip Description

Dot Get ready to place a copy of the default dot on a screen.

Line Get ready to place a copy of the default line on a screen.

Horizontal Line Get ready to place a copy of the default horizontal line on a screen.

Vertical Line Get ready to place a copy of the default vertical line on a screen.

Polyline Get ready to draw a polyline on a screen.

Rectangle Get ready to place a copy of the default rectangle on a screen.

Round Rectangle Get ready to place a copy of the default round rectangle on a screen.

Clipped Rectangle Get ready to place a copy of the default clipped rectangle on a screen.

Polygon Get ready to draw a polygon on a screen.

Circle Get ready to place a copy of the default circle on a screen.

Ellipse Get ready to place a copy of the default ellipse on a screen.

Arc Get ready to place a copy of the default arc on a screen.

Pie Get ready to place a copy of the default pie shape on a screen.

Table Get ready to place a copy of the default table on a screen.

Scale Get ready to place a copy of the default scale on a screen.

Text Get ready to place a copy of the default text object on a screen.

Picture Get ready to place a copy of the default picture object on a screen.

Dot Style Select a dot style for the selected dot.

Line Style Select a line style for the selected shape.

Border Color Select a color for the border of the selected shape.

BG Color Select a color for the background of the selected solid shape.

Pattern Style Select a pattern for the selected solid shape.

FG/Pattern Color Select a color for the pattern of the selected solid shape.

1-17 CHAPTER 1 INTRODUCTION


1
1.2.2.4. Text Toolbar

Icon Tool Tip Description


Text Type Select the type of text you are working on.
Text Type Description
Inner Text Text displayed inside of an object.
External Text Text of the external label of an object.

Language Select a language that you are defining the text for.

Font Select a font for the text.

Size Select a font size for the text.

Text Edit the text. Click to select the text from text database.
Text Select the text from the text database. Click to edit text.
Text Color Select a color for the text.

Background Color Select a color for the background of the object.

Center Position Position the text at the center within the object.

Horizontal Position Change the horizontal position of the text within the object.

Vertical Position Change the vertical position of the text within the object.

Align Left Align the text to the left of the text body.

Center Align the text to the center of the text body

Align Right Align the text to the right of the text body

External Label
Change the position of the external label.
Position

CHAPTER 1 INTRODUCTION 1-18


1
1.2.2.5. Edit Toolbar

Icon Tool Tip Description


Align Left Align the left sides of selected objects to the left side of the reference object. All the
objects move horizontally so their left sides are in line with the left side of the
reference object.
Align Vertical Center Align the vertical centers of selected objects to the vertical center of the reference
object. All the objects move horizontally so their vertical centers are in line with the
vertical center of the reference object.
Align Right Align the right sides of selected objects to the right side of the reference object. All the
objects move horizontally so their right sides are in line with the right side of the
reference object.
Align Top Align the tops of the selected objects to the top of the reference object. All the objects
move vertically so their tops are in line with the top of the reference object.
Align Horizontal Align the horizontal centers of selected objects to the horizontal center of the
Center reference object. All the objects move vertically so their horizontal centers are in line
with the horizontal center of the reference object.
Align Bottom Align the bottoms of selected objects to the bottom of the reference object. All the
objects move vertically so their bottoms are in line with the bottom of the reference
object.

Snap to Grid Select or deselect the option of aligning objects to the grid points.

Make Same Width Make the selected objects have the same width as the reference object.

Make Same Height Make the selected objects have the same height as the reference object.

Make Same Size Make the selected objects have the same width and height as the reference object.

Nudge Left Nudge the selection left. When the Snap to Grid option is not selected, all objects of
the selection move one pixel left. When the Snap to Grid option is selected, each
object of the selection moves left to where its upper-left corner aligns to the nearest
grid point.
Nudge Right Nudge the selection right. When the Snap to Grid option is not selected, all objects of
the selection move one pixel right. When the Snap to Grid option is selected, each
object of the selection moves right to where its upper-left corner aligns to the nearest
grid point.
Nudge Up Nudge the selection up. When the Snap to Grid option is not selected, all objects of
the selection move one pixel up. When the Snap to Grid option is selected, each
object of the selection moves up to where its upper-left corner aligns to the nearest
grid point.
Nudge Down Nudge the selection down. When the Snap to Grid option is not selected, all objects of
the selection move one pixel down. When the Snap to Grid option is selected, each
object of the selection moves down to where its upper-left corner aligns to the nearest
grid point.
Continued

1-19 CHAPTER 1 INTRODUCTION


1
Icon Tool Tip Description

Bring to Top Bring the selection to the top.

Bring Forward Bring the selected object one layer up.

Send Backward Send the selected object one layer down.

Send to Bottom Send the selection to the bottom.

Group Group the selection.

Ungroup Ungroup the selected group.

Pin Pin the selection so it cannot move.

Unpin Unpin the selection so it can move again.

Auto Text Resizing Select or deselect the option of automatic text resizing.

1.2.2.6. Address Toolbar

Icon Tool Tip Description

Write Address Specifies the Write address of the selected object.

Read Address Specifies the Read address of the selected object.

Monitor Address Specifies the Monitor address of the selected object.

CHAPTER 1 INTRODUCTION 1-20


1
1.2.2.7. Picture Toolbar

Icon Tool Tip Description


Specifies the picture name. You can select an imported picture here using the
Picture Name
drop-down list.

Import from File Select a picture from a picture file.

Select/Import
Select a picture from the software provided picture library.
from Library
Select or deselect the option that parts of the picture are transparent. The
Transparent
transparent parts are pixels having the specified transparent color.
Transparent
Select a color as the transparent color.
Color

Flip/Rotate Select a method to rotate/flip the picture.

Select or deselect the option that the picture is toned with the specified toning
Tone
color.

Toning Color Select a color as the toning color.

Fit to Object Stretch the picture so it has the same size as the object.

Center Position the picture at the center location within the object.

Horizontal
Change the horizontal position of the picture within the object.
Position

Vertical Position Change the vertical position of the picture within the object.

Background
Select a color for the background of the object.
Color

1.2.2.8. Status Bar

Coordinate of the cursor; (x, y) Size of the selected object; (width x height)

Type of the selected object Coordinate of the selected object; (x, y) Zooming factor of the screen view

1-21 CHAPTER 1 INTRODUCTION


1
1.2.3. Project Manager
The Project Manager is a dockable window with a project tree. You can manage your project with it easily. To open the
Project Manager, check the Project Manager menu item in the View menu. The following is an example of the Project
Manager. In this example, the project MyProject has two panel applications: MyAP_1 and MyAp_2.

Languages node
Project node

Font Templates node


Global node
Picture Database node

Sound Database node

Panel Application node Text Database node

Links node Global Tags node

Internal Memory node Global Macros node


Tags node
Link node
Sound Table node

Setup node General Setup node

Command & Status node

Screens node Clock node

Passwords node
Alarms node
Screen node

Recipes node Discrete Alarm Block node

Analog Alarm Block node


Data Loggers node
Recipe Block node
Operation Logging node
Data Logger node

Macros node Schedule node

Macro node
Panel Application node

CHAPTER 1 INTRODUCTION 1-22


1
■ Project Node ( )
The label of the Project node is the project name. You can do the following with the Project node:
1) Double-click it to open the Project Information & Protection dialog box.
2) Right-click it to get a pop-up menu with the following menu items:
Menu Item Description
Add Panel Application... Create a new panel application.
Import Panel Application... Import a panel application from a PLF file.
Information Open the Project Information & Protection dialog box.
Toggle All Expand all the collapsed lists of sub-nodes and collapse all the expanded lists of
sub-nodes.

■ Global Node ( )
The Global node has seven sub-nodes. You can do the following with the Global node:
1) Double-click it to expand or collapse the list of its sub-nodes.

■ Languages Node ( )
You can do the following with the Languages node:
1) Double-click it to open the Languages dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the Languages dialog box.

■ Font Templates Node ( )


You can do the following with the Font Templates node:
1) Double-click it to open the Font Templates dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the Font Templates dialog box.

■ Picture Database Node ( )


You can do the following with the Picture Database node:
1) Double-click it to open the Picture Database dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the Picture Database dialog box.

■ Sound Database Node ( )


You can do the following with the Sound Database node:
1) Double-click it to open the Sound Database dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the Sound Database dialog box.

1-23 CHAPTER 1 INTRODUCTION


1
■ Text Database Node ( )
You can do the following with the Text Database node:
1) Double-click it to open the Text Database dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Open Open the Text Database window.

■ Global Tags Node ( )


You can do the following with the Global Tags node:
1) Double-click it to open the Global Tags window.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Open Open the Global Tags window.

■ Global Macros Node ( )


The Global Macros node can have many Global Macro sub-nodes. Each Global Macro node is associated with a global
macro of the project. You can do the following with the Global Macros node:
1) Double-click it to expand or collapse the list of its sub-nodes.
2) Right-click it to get a pop-up menu with the following menu items.
Menu Item Description
Add Macro... Create a new global macro.
Import Import a global macro from an MCR file.
Macro...

■ Global Macro Node ( )


Each Global Macro node is associated with a global macro of the project. You can do the following with the Global Macro
node:
1) Double-click it to open the editing window of the associated macro.
2) Right-click it to get a pop-up menu with the following menu items.
Menu Item Description
Open Open the editing window of the associated macro.
Close Close the editing window of the associated macro.
Rename Rename the associated macro.
Delete Delete the associated macro.
Export Macro... Export the associated macro to an MCR file.

CHAPTER 1 INTRODUCTION 1-24


1
■ Panel Application Node ( )
The label of a Panel Application node is the associated application name. You can do the following with the Panel
Application node:
1) Double-click it to open the General Setup dialog box.
2) Right-click it to get a pop-up menu with the following menu items:
Menu Item Description
Rename Rename the panel application.
Delete Delete the panel application.
General Setup Open the General Setup dialog box.
Export Panel Application... Export the panel application to a PLF file.
Toggle All Expand all the collapsed lists of sub-nodes and collapse all the expanded lists of
sub-nodes.

■ Links Node ( )
The Links node has one Internal Memory sub-node and can have up to 16 Link sub-nodes. You can do the following with
the Links node:
1) Double-click it to expand or collapse the list of its sub-nodes.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Add Link Create a new communication link.
Driver Open communication driver list dialog box which lists all the supported communication drivers. In the
Link… dialog box, you can export the driver list to the .csv file.

■ Internal Memory Node ( )


You can do the following with the Internal Memory node:
1) Double-click it to open the Internal Memory dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the Internal Memory dialog box.

■ Link Node ( )
A Link node is associated with a communication link. You can do the following with the Link node:
1) Double-click it to open the Link Properties dialog box of the associated communication link.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Rename Rename the associated communication link.
Delete Delete the associated communication link.
Properties... Open the Link Properties dialog box of the associated communication link.

■ Tags Node ( )
You can do the following with the Tags node:
1) Double-click it to open the Tags window.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Open Open the Tags window.

1-25 CHAPTER 1 INTRODUCTION


1
■ Sound Table Node ( )
You can do the following with the Sound Table node:
1) Double-click it to open the Sound Table dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the Sound Table dialog box.

■ Setup Node ( )
The Setup node has four sub-nodes. You can do the following with the Setup node:
1) Double-click it to expand or collapse the list of its sub-nodes.

■ General Setup Node ( )


You can do the following with the General Setup node:
1) Double-click it to open the General Setup dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the General Setup dialog box.

■ Command & Status Node ( )


You can do the following with the Command & Status node:
1) Double-click it to open the Command & Status dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the Command & Status dialog box.

■ Clock Node ( )
You can do the following with the Clock node:
1) Double-click it to open the Clock dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the Clock dialog box.

■ Passwords Node ( )
You can do the following with the Passwords node:
1) Double-click it to open the Passwords dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the Passwords dialog box.

CHAPTER 1 INTRODUCTION 1-26


1
■ Screens Node ( )
The Screens node can have many Screen sub-nodes. Each Screen sub-nodes is associated with a screen of the panel
application. You can do the following with the Screens node:
1) Double-click it to expand or collapse the list of its sub-nodes.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
New Screen... Create a new screen.
Import Screen... Import a screen from an SNF file.
Sort by Name Sort the list of Screen sub-nodes by the screen name.
Sort by Number Sort the list of Screen sub-nodes by the screen number.
Close All Screens Close all opened screens.
Save Screens as Pictures... Open the Save Screens as Pictures dialog box. You can save each of the selected
screens to a picture file using the dialog box.

■ Screen sub-Node ( )
Each Screen sub-Node is associated with a screen of the panel application. You can do the following with the Screen
sub-node:
1) Double-click it to open the associated screen if the screen is not opened yet.
2) Double-click it to open the property sheet of the associated screen if the screen is already opened.
3) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Open Open the associated screen.
Delete Delete the associated screen.
Properties Open the property sheet of the associated screen.
Export Screen... Export the associated screen to an SNF file.

■ Alarms Node ( )
The Alarms node can have many Discrete Alarm Block sub-nodes and Analog Alarm Block sub-nodes. You can do the
following with the Alarms node:
1) Double-click it to open the Alarm Properties dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Add Discrete Alarm Block Create a new discrete alarm block.
Add Analog Alarm Block Create a new analog alarm block.
Import Alarm Block... Import an alarm block from an ALM file.
Properties Open the Alarm Properties dialog box.

1-27 CHAPTER 1 INTRODUCTION


1
■ Discrete Alarm Block Node ( )
A Discrete Alarm Block node is associated with a discrete alarm block of the panel application. You can do the following
with the Discrete Alarm Block node:
1) Double-click it to open the Discrete Alarm Block dialog box of the associated alarm block.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Delete Delete the associated discrete alarm block.
Properties Open the Discrete Alarm Block dialog box of the associated discrete alarm block.
Export Alarm Block... Export the associated alarm block to an ALM file.

■ Analog Alarm Block Node ( )


An Analog Alarm Block node is associated with an analog alarm block of the panel application. You can do the following
with the Analog Alarm Block node:
1) Double-click it to open the Analog Alarm Block dialog box of the associated alarm block.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Delete Delete the associated analog alarm block.
Properties Open the Analog Alarm Block dialog box of the associated analog alarm block.
Export Alarm Block... Export the associated alarm block to an ALM file.

■ Recipes Node ( )
The Recipes node can have many Recipe Block sub-nodes. Each Recipe Block sub-node is associated with a recipe block
of the panel application. You can do the following with the Recipes node:
1) Double-click it to expand or collapse the list of its sub-nodes.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Add Recipe Block Create a new recipe block.

■ Recipe Block Node ( )


A Recipe Block node is associated with a recipe block of the panel application. You can do the following with the Recipe
Block node:
1) Double-click it to open the Recipe Block dialog box of the associated recipe block.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Delete Delete the associated recipe block.
Properties Open the Recipe Block dialog box of the associated recipe block.

■ Data Loggers Node ( )


The Data Loggers node can have many Data Logger sub-nodes. Each Data Logger sub-node is associated with a data
logger of the panel application. You can do the following with the Data Loggers node:
1) Double-click it to expand or collapse the list of its sub-nodes.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Add Data Logger Create a new data logger.

CHAPTER 1 INTRODUCTION 1-28


1
■ Data Logger Node ( )
A Data Logger node is associated with a data logger of the panel application. You can do the following with the Data
Logger node:
1) Double-click it to open the Data Logger dialog box of the associated recipe block.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Delete Delete the associated data logger.
Properties Open the Data Logger dialog box of the associated data logger.

■ Operation Logging Node ( )


You can do the following with the Operation Logging node:
1) Double-click it to open the Operation Logging dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the Operation Logging dialog box.

■ Schedule Node ( )
You can do the following with the Schedule node:
1) Double-click it to open the Schedule dialog box.
2) Right-click it to get a pop-up menu with the following menu item:
Menu Item Description
Properties... Open the Schedule dialog box.

■ Macros Node ( )
The Macros node can have many Macro sub-nodes. Each Macros sub-node is associated with a macro of the panel
application. You can do the following with the Macros node:
1) Double-click it to expand or collapse the list of its sub-nodes.
2) Right-click it to get a pop-up menu with the following menu items.
Menu Item Description
Add Macro... Create a new macro.
Import Macro... Import a macro from an MCR file.

■ Macro Node ( )
Each Macro node is associated with a macro of the panel application. You can do the following with the Macro node:
1) Double-click it to open the editing window of the associated macro.
2) Right-click it to get a pop-up menu with the following menu items.
Menu Item Description
Open Open the editing window of the associated macro.
Close Close the editing window of the associated macro.
Rename Rename the associated macro.
Delete Delete the associated macro.
Export Macro... Export the associated macro to an MCR file.

1-29 CHAPTER 1 INTRODUCTION


1
1.2.4. Screen Manager
The Screen Manager is a dockable window. You can manage the screens of your project with it easily. To open the Screen
Manager, check the Screen Manager menu item in the View menu. The following is an example of the Screen Manager
that lists the screens of the application EV-104 of the project.
The name of the current panel
application. You can select another
panel application of the project to
view.

Click this icon to get the list


view of the screens.

If the Use box of a screen is


checked, the application
compiler will generate the Click this icon to get the thumbnail
runtime data for that screen. If view of the screens.
the Use box of a screen is
unchecked, the application
compiler will not generate the
runtime data for that screen,
and will assume that the
screen is non-existant.

Click the row of a screen to select


the screen. The selected screen is
highlighted. Use [Ctrl] + click or
[Shift] + click to make multiple
selections.

CHAPTER 1 INTRODUCTION 1-30


1
The following is an example of the Screen Manager that shows the screens in thumbnail view.

If the Use box of a screen is


checked, the application
compiler will generate the
runtime data for that screen. If
the Use box of a screen is
unchecked, the application
compiler will not generate the
runtime data for that screen, and
will assume that the screen is
non-existant.

Click the thumbnail of a screen to


select that screen. The selected
screen is highlighted. Use [Ctrl] +
click or [Shift] + click to make
multiple selections.

You can right-click the Screen Manager to get the pop-up menu with the following menu items:
Menu Item Description
New Screen... Create a new screen for the current panel application.
Open Screen... Open the selected screen.
Cut Screen Cut the selected screen and put it on the Clipboard.
Copy Screen Copy the selected screen and put it on the Clipboard.
Paste Screen Insert the screen on the Clipboard to the current panel application.
Delete Screen Delete the selected screen.
Export Screen... Export the selected screen to a file.
Import Screen... Import a screen from a file for the current panel application.
Screen Properties Open the screen property dialog box of the selected screen.

1-31 CHAPTER 1 INTRODUCTION


1
1.2.5. Pop-up Menus

1.2.5.1. Object Pop-up Menu

■ For all objects


Icon Menu Item Shortcut Description

Cut Ctrl+X Cut the selection and put it on the Clipboard.

Copy Ctrl+C Copy the selection and put it on the Clipboard.

Paste Ctrl+V Place the Clipboard contents on the current screen.

Delete Del Delete the selection.


Pin Pin the selection so it cannot move.

Unpin Unpin the selection so it can move again.

Duplicate... Duplicate the selected object.


Bring to Top Bring the selection to the top.

Bring Forward Bring the selected object one layer up.

Send Backward Send the selected object one layer down.

Send to Bottom Send the selection to the bottom.

Object Properties… Open the property sheet of the selected object.


Save as Default Save the selected object as the default object for that type of object.
Default objects are saved in the Objects category of the object library.
Save to Object Library… Save the selected object to the object library.

Save as Global Object… Save the selected object as the global object in the Global category of
the object library. Global Objects can be used for the Global Object
Containers.
Save Current Screen as
Save the current screen to a picture file.
Picture…
Screen Properties Open the screen property dialog box for the current screen.

■ For polylines and polygons

Menu Item Description


Insert Point Add a point at the specified position.
Delete Point Delete a selected point.

■ For pipelines

Menu Item Description


Insert Connector Add a connector at the specified position. If the specified position is on the vertical pipe
segment, you can add left, right or cross connector. If the specified position is on the
horizontal pipe segment, you can add up, down or cross connector.
Delete Pipe Segment Delete a selected connector and its pipe segments.

CHAPTER 1 INTRODUCTION 1-32


1
1.2.5.2. Screen Pop-up Menu

Icon Menu Item Description


Close Screen Close the current screen.
Cut Screen Cut the current screen and put it on the Clipboard.
Copy Screen Copy the current screen and put it on the Clipboard.
Paste Screen Insert the screen on the Clipboard to the current panel application.
Delete Screen Delete the current screen.
Save Current Screen as Picture... Save the current screen to a picture file.

Screen Properties Open the screen property dialog box for the current screen.

1-33 CHAPTER 1 INTRODUCTION


CHAPTER 2

CREATING PROJECTS

2.1. Project Information and Protection ........................................................... 1


2.2. Global Settings .............................................................................................. 3
2.2.1. Languages ...................................................................................................................... 4
2.2.2. Font Templates............................................................................................................... 5
2.2.3. Picture Database ............................................................................................................ 6
2.2.4. Sound Database ........................................................................................................... 10
2.2.5. Text Database............................................................................................................... 12
2.3. Working with Tags...................................................................................... 15
2.3.1. Types of Tags ............................................................................................................... 15
2.3.2. Opening and Closing Tags Editor................................................................................ 15
2.3.3. Creating Tags with Tags Editor................................................................................... 16
2.3.4. Importing and Exporting Tags..................................................................................... 19
2.3.5. Adding/Deleting/Renaming Tag Groups..................................................................... 19

-i-
42
2.1. Project Information and Protection

You can get project information and set up passwords to protect your project, password table, and global macros by using
the Project information & Protection dialog box. To open the dialog box, you can do one of the following:
1) In the Project Manager tool window, double-click the Project node ( ).
2) In the menu bar, click Project to bring up the Project sub-menu. Then, click Information & Protection….

The following is an example of the Project Information and Protection dialog box.

2-1 CHAPTER 2 CREATING PROJECTS


2
The following table describes how to read or use each of the items in the dialog box.

Item Description
Project Name The name of the project. It is also the file name of the project.
Author The author of the project.
Created Time/date The time and date when the project was created.
Last Saved Time/date The last time and date when the project was saved.
Version The version number of the Software that was used to save the project last time.
Developer Click it to bring up the Edit Developer Password dialog box and specify the
Password developer password.
The developer password must be an unsigned integer and can have up to 9
digits. The default developer password is 000000000 (nine 0s) for new projects
and new panels. When the runtime data of an application is downloaded to a
panel, the panel compares its developer password with the developer password
of the application. If the passwords match, the panel accepts the download
operation immediately. If the passwords are different, the panel prompts for the
entry of the developer password of the application. This ensures that one has the
right to use the runtime data. After the entry of the application's developer
password, the panel accepts the download operation and takes the developer
password of the application as its own developer password.
Project File Protect Check this item to enable project file protection. You need to enter the specified
Protection password to open the project file when this item is checked.
Use Developer Available when the Protect item is checked. Check this item if you want to use
Password the developer password as the protection.
Available when the Use Developer Password item is unchecked. Click it to bring
up the Edit Password dialog box and specify the password.
Password Protect Check this item to enable the password table protection. You need to enter the
Table specified password in order to view the password table of any panel application
Protection of the project when this item is checked.
Use Developer Available when the Protect item is checked. Check this item if you want to use
Password the developer password for the protection.
Available when the Use Developer Password item is unchecked. Click it to bring
up the Edit Password dialog box and specify the password.
Global Protect Check this item to enable the global macro protection. You need to enter the
Macro specified password for viewing any global macro of the project when this item is
Protection checked.
Use Developer Available when the Protect item is checked. Check this item if you want to use
Password the developer password as the protection.
Available when the Use Developer Password item is unchecked. Click it to bring
up the Edit Password dialog box and specify the password.
Note You can type a note for the project.
OK Click it to close the dialog box and accept all changes.
Cancel Click it to close the dialog box and discard all changes.
Click it to open the help document for more details about the dialog and how to
use it.
Click it to close the dialog box and discard all changes.

CHAPTER 2 CREATING PROJECTS 2-2


42
2.2. Global Settings

Global settings are the settings that can be used by all panel applications in the same project. They are accessible and
modifiable throughout the project. Global settings help a designer to construct a project that is flexible and easy to update.
Designers can make changes to the overall design of the panel application by revising the global settings directly.

You can modify the Global settings in the corresponding dialog box. To open the dialog box, double-click the related node
under the Global node in the Project Manager tool window. Alternatively, click Project to access the Project sub-menu in
the menu bar, and then click the related command in the Project sub-menu.

The global settings contain the following items.

■ Languages
Described in Section 2.2.1.
■ Font Templates
Described in Section 2.2.2.
■ Picture Database
Described in Section 2.2.3.
■ Sound Database
Described in Section 2.2.4.
■ Text Database
Described in Section 2.2.5.
■ Global Tags
Described in Section 2.3.
■ Global Macros
Described in Chapter 14.

2-3 CHAPTER 2 CREATING PROJECTS


2
2.2.1. Languages
This section describes how to set up the languages for the project using the Languages dialog box. Each panel application
in the project can have up to 10 languages for the screen texts. The following is an example of the Languages dialog box.

The following table describes each property in the Languages dialog box.

Property Description
Number of languages Specifies how many languages the project will have.
Language The index of the language.
Name Specifies a name for a language. The name must be unique within the project.
Character Set Specifies the character set for a language to determine how to translate the bytes in the
text into characters on the screen.
Import... Click it to import the languages settings from a LNG file.
Export... Click it to export the languages settings to a LNG file.
OK Click it to close the dialog box and accepts all changes.
Cancel Click it to close the dialog box and discard all changes.
Click it to open the help document for more details about the dialog and how to use it.
Click it to close the dialog box and discard all changes.

CHAPTER 2 CREATING PROJECTS 2-4


42
2.2.2. Font Templates
The following is an example of the Font Templates dialog box.

The following table describes how to read or use each of the items in the dialog box.

Item Description
Language Specifies the language to apply the font settings to.
Template List Lists the font templates of the selected language. You can select a font template
here as the current template.
Current Name The name of the current template.
Template Windows Font Specifies the Windows font for the current template.
Font Style Specifies the font style for the current template.
Size Specifies the size for the current template.
Underline Specifies if the Underline feature is selected for the current template.
Strikeout Specifies if the Strikeout feature is selected for the current template.
Update Click it to update the selected template using the new settings.
Import... Click it to import the font templates from an FTF file.
Export... Click it to export the font templates to an FTF file.
OK Click it to close the dialog box and accepts all changes.
Cancel Click it to close the dialog box and discard all changes.
Click it to open the help document for more details about the dialog and how to
use it.
Click it to close the dialog box and discard all changes.

2-5 CHAPTER 2 CREATING PROJECTS


2
2.2.3. Picture Database
The picture database contains all the pictures used by the project. The picture database is empty when the project is
initially created.

2.2.3.1. Importing and Exporting Pictures

■ Importing Pictures
You need to import a picture before you can use it for the project. There are 5 ways to import pictures:
1) Use the Picture Database dialog box to import one picture at a time from a picture file. The types of importable picture
files include: BMP, JPG, GIF, and WMF.
2) Use the Picture Database dialog box to import many pictures at a time from a picture database (PDB) file.
3) Use the Picture Database dialog box to import one or many pictures at a time by dragging the pictures files from
Windows Explorer to the Picture Database list.

4) Click the icon to select and import a picture file when you specify a picture in a dialog box or a property sheet.

5) Click the icon to select and import a picture in a picture database file when you specify a picture in a dialog box or
a property sheet.

■ Exporting Pictures
You can export the pictures of the project so other projects can use those pictures by importing them. There are 2 ways to
export pictures:
1) Use the Picture Database dialog box to export one picture at a time to a picture file.
2) Use the Picture Database dialog box to export many pictures at a time to a picture database (PDB) file.

CHAPTER 2 CREATING PROJECTS 2-6


42
2.2.3.2. Picture Groups

The picture database can contain picture groups.

A picture group is a collection of pictures. Each picture in a picture group represents one state. When a picture group is
displayed as the picture shape of an object, the picture that corresponds to the current object state is shown. This is the
main benefit of using a picture group as the object shape because it can show each object state with a different picture.

When a picture group is used as the shape for buttons or switches, you may want it to look differently when it is pressed. In
order to support the pressed look, a picture group needs two pictures for each state: one picture for the normal (released)
look, and another picture is for the pressed look.
For example, a 3-state multi-state switch needs a picture group that contains 6 pictures as its picture shape if the pressed
look is required.
The following is an example of a picture group supporting 3 states and the pressed look.
Picture Group State Pictures
0 (Normal/Released)

0 (Pressed)

1 (Normal/Released)

1 (Pressed)

2 (Normal/Released)

2 (Pressed)

2-7 CHAPTER 2 CREATING PROJECTS


2
2.2.3.3. Picture Database dialog box

The following is an example of the Picture Database dialog box.

The following table describes how to read or use each of the items in the dialog box.

Item Description
Click it to open the help document for more details about the dialog and how to use it.
Click it to close the dialog box and discard all changes.
Pictures Lists the pictures and picture groups of the project. You can select a picture or a picture group as the
current selection. You can also make multiple selections.
View Shows the current selection. If the selection is a picture group, the first picture of the group will be
shown.
OK Closes the dialog box and accepts all changes to the picture database.
Cancel Closes the dialog box and discards all changes to the picture database.
Import... Imports a picture from a picture file. The types of importable picture files include: BMP, JPG, GIF,
and WMF.
Import From... Imports pictures from a picture database (PDB) file.
Export... Exports the current picture to a picture file.
Export To... Exports the current selection to a picture database (PDB) file.
Add Group Adds one picture group to the picture database.
Add Item Imports a picture from a picture file and adds the picture to the current picture group.
Continued

CHAPTER 2 CREATING PROJECTS 2-8


42
Item Description
Add From... Imports pictures from a picture database (PDB) file and adds those pictures to the current picture
group.
Move Up Moves the selection down in the list
Move Down Moves the selection up in the list
Delete Delete the selection.
Color Select Dithering or Nearest Color as the color conversion method.
Conversion If the color resolution of a picture is not compatible with the target panel, the application compiler will
use the specified method to convert the picture data so it can be displayed without too much color
distortion at runtime.
Support Available when the selection is a picture group. Check this item so the current picture group
Pressed Look supports the pressed look. When a picture group supports the pressed look, it needs two pictures for
each state; one picture is for the normal (released) look and another picture is for the pressed look.
Transparent Check this item to enable the transparent feature of the selection; if the selection is a picture, the
picture will be transparent for the specified transparent color; if the selection is a picture group, all
the pictures of the picture group will be transparent for the specified transparent color. Note that this
feature is effective only when a picture or a picture group is shown as the picture shape for an
object.
It is a common practice to make a picture transparent for a certain color so the picture can be shown
as a non-rectangle shape. The following are some examples:
Original Picture Transparent Color Picture Shown

Transparent Available when the Transparent item is checked. Select a color for the transparent color.
Color
Rename Click this button to rename the current picture or the current picture group.
Rotate/Flip Rotates or flips the current picture and saves it as another picture in the picture database.
You can select one of the following 7 methods for the Rotate/Flip operation.
Method Description
90° Rotates the picture clockwise by 90 degrees
180° Rotates the picture clockwise by 180 degrees
270° Rotates the picture clockwise by 270 degrees
X Flips the picture over the X axis
90° & X Rotates the picture clockwise by 90 degrees and flips it over the X Axis
Y Flips the picture over the Y axis
90° & Y Rotates the picture clockwise by 90 degrees and flips it over the Y Axis

2-9 CHAPTER 2 CREATING PROJECTS


2
2.2.4. Sound Database
The sound database contains all the sounds used by the project. The sound database is empty when the project is initially
created.

You can use a function button to play or stop playing a sound. For details, please see Section 5.4.1 Basic Operations of
function buttons

You can use the Execute General Command ($C2.f) command flag setting in the Command Block to play a sound. For
details, please see Section 3.6.7 Using General Commands.

2.2.4.1. Importing and Exporting Sounds

■ Importing Sounds
You need to import a sound before you can use it for the project. There are two ways to import sounds:
1) Use the Sound Database dialog box to import one sound at a time from a sound file. The types of importable sound
files include: WAV.
2) Use the Sound Database dialog box to import many sounds at a time from a sound database (SDB) file.

■ Exporting Sounds
You can export the sounds of the project so other projects can import those sounds. There are 2 ways to export sounds:
1) Use the Sound Database dialog box to export one sound at a time to a sound file.
2) Use the Sound Database dialog box to export many sounds at a time to a sound database (SDB) file.

CHAPTER 2 CREATING PROJECTS 2-10


42
2.2.4.2. Sound Database dialog box

The following is an example of the Sound Database dialog box.

The following table describes how to read or use each of the items in the dialog box.

Item Description
Click it to open the help document for more details about the dialog and how to use it.
Click it to close the dialog box and discard all changes.
Sounds Lists the sounds of the project. You can select a sound as the current selection. You can also make
multiple selections.
Sound Displays the sound information of the current selection such as sound format and length.
Information
You can click to start playing the sound, click to pause, and click to stop playing the
sound.
OK Closes the dialog box and accepts all changes to the sound database.
Cancel Closes the dialog box and discards all changes to the sound database.
Import... Imports a sound from a sound file. The types of importable sound files include: WAV.
Import From... Imports sounds from a sound database (SDB) file.
Export... Exports the current sound to a sound file.
Export To... Exports the current selection to a sound database (SDB) file.
Rename Click this button to rename the current sound.
Delete Delete the selection.
Move Up Moves the selection down in the list
Move Down Moves the selection up in the list

2-11 CHAPTER 2 CREATING PROJECTS


2
2.2.5. Text Database
The Text Database is a dockable window. With the Text Database, you can manage the texts of the multiple languages in
your project easily. To open the Text Database, check the Text Database menu item in the Project menu, or double click
the Text Database node under the Global node in the Project Manager tool window.

The following is an example of the Text Database that lists the texts in all the languages of the project.

File to Table Icon Table to File Icon Table to Application Icon Application to Table Icon

Name of the table. You can


select a table from Table A
to Table L.

To edit text, select a text row by first left-click anywhere in it, and then click the cell of
the row to bring up the edit box. In the edit box, type in the text.

To stop or confirm editing, click anywhere outside the selected row.

CHAPTER 2 CREATING PROJECTS 2-12


42
You can click the following icons to bring up the corresponding dialog box to import or export texts.
Icon Description
Imports texts from a text file(.txt file) to the selected table.

Click to open the help document for more


details about the dialog and how to use it.

Select an operation from the


If the Import box of a language is dropdown list. You can overwrite
checked, the texts of that language in the table or append the text to
the text file will be imported into the the table.
table. If the Import box of a language is
unchecked, the texts of that language
will not be imported.

Exports texts from the selected table to a text file (.txt file).

Click to open the help document for more


details about the dialog and how to use it.

If the Export box of a language is


checked, the texts of that language in
the table will be exported to the file. If
the Export box of a language is
unchecked, the texts of that language
will not be exported.

2-13 CHAPTER 2 CREATING PROJECTS


2
Icon Description
Imports texts from the selected table to a panel application in the same project.

Table Name

Application Name

Click to open the help document for more


details about the dialog and how to use it.
If the Import box of a language is
checked, the texts of that language in
the table will be imported into the
application. If the Import box of a
language is unchecked, the texts of
that language will not be imported.

Exports texts from a panel application of the project to the selected table.

Click to open the help document for more


details about the dialog and how to use it.

You can right-click the Text Database to get the pop-up menu with the following menu items:
Menu Item Description
Cut Cut the selected text and put it on the Clipboard.
Copy Copy the selected text and put it on the Clipboard.
Paste Insert the text on the Clipboard to the current table.
Delete Delete the selected text.
<Language name> Check the language name to display the text of objects in the selected
language.

CHAPTER 2 CREATING PROJECTS 2-14


42
2.3. Working with Tags

A tag represents a single input or output variable monitored or controlled by the system. By changing tags, you can use
any PLC or controller without re-developing the application. This chapter explains how you can define and manage tags
with the tags editor.

After the tag is created in tags editor, you can use it in your application using the Select Tag Dialog Box. Please see
Section 4.4.3.3 Selecting Tags for details. Or you can specify the tag by yourself. The format of a tag is Link Number\Tag
Group Name\Tag Name.
For example:

Tags Description
1\MONITOR\CORE DISPLAY Indicates a local tag named CORE DISPLAY in MONITOR tag group of link 1
0\BOT\DECLARE Indicates a local tag named DECLARE in BOT tag group of internal memory
0\_ALARM SHOW Indicates a global tag named _ALARM SHOW of internal memory
Note that the maximum text amount of the tag/tag group name is 48 characters. You are allowed to define not only tags for
the link, but also the tags for a tag group of the link.

2.3.1. Types of Tags

There are two types of tags: global tags and local tags.

■ Global Tag
A global tag is a tag that can be used by all panel applications in the same project. With global tags, the panel applications
in the same project can share the common address declaration without having to keep and maintain the same set of tags
locally.

Note that a global tag can only be associated with internal variables.

■ Local Tag
A local tag is a tag that can only be used by the panel application in which the tag is located.

2.3.2. Opening and Closing Tags Editor


■ Opening Tags Editor
To open the global tags editor, use the Global Tags… command in the Project menu, or double click Global > Global Tags
in the Project Manager tool window, or right-click Global > Global Tags in the Project Manager tool window to bring out the
pop-up menu, and then use the Open command on the pop-up menu.
To open the local tags editor, use the Tags… command on the Panel menu, or double click Panel Application > Tags in the
Project Manager tool window, or right-click the Panel Application > Tags in the Project Manager tool window to bring out
the pop-up menu, and then use the Open command on the pop-up menu.

■ Closing Tags Editor


To close the tags editor, select the window and click the close button, or choose Windows... on the Window menu, select
the window to close in the window dialog, and then click the Close Window(s) button. You can also right-click Global >
Global Tags (Panel Application > Tags) in the Project Manager tool window to bring out the pop-up menu, and then use the
Close command on the pop-up menu to close the tags editor.

2-15 CHAPTER 2 CREATING PROJECTS


2
2.3.3. Creating Tags with Tags Editor
You can use tags editor to create and manage tags. Tags editor is split into two panes: Tag Group Explorer on the left and
Tag List Window on the right. Each pane scrolls separately, and both horizontally and vertically. You can position the
mouse over the vertical splitter bar to drag the bar and resize the panes.

The following is an example of the tags editor.


List all the Tags for the
active tag group named
Tag Group Explorer List all the Tags for the link MONITOR Tag List Window

Tag Groups

Vertical Splitter Bar

CHAPTER 2 CREATING PROJECTS 2-16


42
2.3.3.1. Tag Group Explorer

Tag explorer displays links, recipes, data loggers and their tag groups, if any. From tags explorer, you can:
■ Open a tag group of a link for editing by clicking the node
■ Import and export tags of a link
Described in Section 2.3.4
■ Add new groups to a link and delete or rename the existing tag groups
Described in Section 2.3.5
■ View tags (Data Items) of recipes and data loggers.
If there are any recipes or data loggers in the application, the tags editor will display their data items as the tags. All the
data items (tags) for the recipes or data loggers are read only in the tags editor. If you want to edit the data items (tags),
please use the corresponding dialog box.

You can edit the data items of


the selected recipe block with
the Recipe Block dialog box.
Please see Section 10.5
Setting up Recipe Blocks for
details.

Recipe Block Name (ID)

Data Logger Name (ID)

2-17 CHAPTER 2 CREATING PROJECTS


2
2.3.3.2. Tag List Window

Tag list window displays all the tags related to the selected tag group. In the tag list window, you can:
■ Switch between tag groups by clicking the window tab
■ Click any column header to sort the list
■ Add a tag by defining the tag name and then click other cells to edit the elements of the tag

The following table describes each attribute of the tag.

Item Description
Name Specifies the name for the tag.
The name must be unique in the tag group.
The maximum text amount of the name is 48 characters. Chinese characters are supported.
The name cannot start with a number, and cannot be the same as a macro keyword.
The name of global tags must start with underscore ( _ ). The name of the local tags cannot
start with underscore ( _ ).
Data Type Selects the data type for the tag from the dropdown list. The supported data types for each tag
are the following: 16-Bit Unsigned Integer, 32-Bit Unsigned Integer, 16-Bit Signed Integer,
32-Bit Signed Integer, 16-Bit BCD, 32-Bit BCD, 32-Bit Floating Point, ASCII String, Bit.
Address <Edit Specifies the bit address when the Data Type is Bit, otherwise specifies the word address.
Box>
Click this icon to bring up the Address Input Keypad and specify the desired address for the
<Edit Box> field.
Length Specifies the string length when the Data Type is ASCII string, otherwise displays n/a
Scan Rate Selects the scan rate for the tag from the dropdown list. The supported scan rates for each tag
are Fast and Normal.
Comment Type a comment for the tag.

■ Cut, copy, paste and delete selected tags using menu commands or key combinations.
You can right-click the number column to display a pop-up menu of editing commands. The editing commands available
vary depending on what is selected.

The following table shows the supported editing commands.

Menu Command Key Combination Description


Cut CTRL+X Removes selected tags from the active window and saves them to
the Clipboard.
Copy CTRL+C Duplicates selected tags in the active window.
Paste CTRL+V Pastes cut or copied tags into an active window.
Delete DELETE Deletes tags without copying it to the Clipboard.
Note that all editing commands require a selection in order to work. To select a tag, click the row on its header number
column. To select multiple tags, click the row on its heard column and use Ctrl+Click to add a row to the selection.

CHAPTER 2 CREATING PROJECTS 2-18


42
2.3.4. Importing and Exporting Tags
■ Importing Tags
1) Right-click the Internal Memory, a link, or any tag groups item in the Tag Group Explorer to bring out the pop-up menu.
Then use the Import Tags… command on the pop-up menu.
2) Click the *.csv file you want to import. If you want to open a tags import file that is saved in a different folder, locate and
open the folder first.
3) Click Open.
Note: If the file format is not correct, the import operation will be cancelled.
Note: The tags import file can contain tags only, or many tag groups and their tags.
Note: If the name of a tag already exists in the tag group, you will be asked to confirm whether to replace the existing tag
or not.
z If Yes, the tag in the tag group will be replaced by the tag from the file.
z If No, only the tag with nonexisting names will be imported.
z If Cancel, the import operation will be cancelled.
Note: If the tag group name already exists, you will be asked to confirm whether to replace the existing tag group or not.
z If Yes, the tags in the existing tag group will be removed and replaced by the tags from the file.
z If No, only the tag group with nonexistent name and its tags will be imported.
z If Cancel, the import operation will be cancelled.

■ Exporting Tags
If you have tags you want to reuse in another application panel, export the tags of the selected tag group as a .csv file. You
may do the following:
1) Locate the tag group you would like to export.
2) Right-click on the tag group to display the pop-up menu; and then click Export Tags..,
3) If you want to save tags in a different folder, locate and open the folder first, then click Save.

You can export all the tags of the internal memory as a .csv file by right-clicking on the internal memory and then using the
Export All Tags command on the pop-up menu.

2.3.5. Adding/Deleting/Renaming Tag Groups


■ Adding a Tag Group
1) Click the internal memory you want to add a tag group for.
2) Right-click the selected item to display the pop-up menu, and then click Add Group.
3) The new tag group will be added, and the default tag group name will become selected for renaming.

■ Deleting a Tag Group:


1) Locate the tag group you would like to delete.
2) Right-click on the tag group to display the pop-up menu, and then click Delete Group.
Note: You can only select one tag group to delete at one time.

■ Renaming a Tag Group:


1) Locate the tag group you would like to rename.
2) Right-click on the tag group to display the pop-up menu, and then click Rename Group or click the tag group.
3) The tag group name will become selected. Simply type the new name over the selected text, and then press the
ENTER key or click anywhere outside the editing field.

2-19 CHAPTER 2 CREATING PROJECTS


CHAPTER 3

CREATING PANEL
APPLICATIONS

3.1. Setting up the Panel Application................................................................. 1


3.1.1. General Settings............................................................................................................. 2
3.1.2. Custom Settings ............................................................................................................. 5
3.1.3. Activating Multiple Overlapped Buttons by One Touch ............................................... 7
3.1.4. Specifying Default Folder for PC Based File I/O.......................................................... 8
3.2. Working with Keys ..................................................................................... 10
3.2.1. Default Settings for the Panel Application .................................................................. 11
3.2.2. Settings for a Screen .................................................................................................... 12
3.2.3. Key Usage Table Settings ............................................................................................ 13
3.2.4. Usage Settings for a Key ............................................................................................. 14
3.3. Internal Memory ........................................................................................ 18
3.3.1. Types of Internal Memory ........................................................................................... 18
3.3.2. Index Registers ............................................................................................................ 18
3.3.3. System Memory........................................................................................................... 19
3.3.4. Setting up Internal Memory......................................................................................... 21
3.4. Communication Links................................................................................ 22
3.4.1. Types of Communication Links................................................................................... 22
3.4.2. General Settings........................................................................................................... 26
3.4.3. Parameter Settings (Serial Port)................................................................................... 29
3.4.4. Parameter Settings (Ethernet Port) .............................................................................. 30
3.4.5. Sub-link Settings.......................................................................................................... 31
3.4.6. Sharing Data among Panels Using Data Sharer .......................................................... 32
3.4.7. Writing Communication Programs Using Macro Commands..................................... 33
3.4.8. Using Gateway Server of the Target Panel .................................................................. 37
3.5. Sound Table................................................................................................. 40
3.6. Command Block and Status Words .......................................................... 42
3.6.1. Types of Command Block and Status Words .............................................................. 42
3.6.2. General Settings........................................................................................................... 47
3.6.3. Command Block Settings (Type A)............................................................................. 48

-i-
3.6.4. Status Word Settings (Type A)..................................................................................... 51
3.6.5. Command Block Settings (Type H)............................................................................. 52
3.6.6. Status Word Settings (Type H) .................................................................................... 54
3.6.7. Using General Commands........................................................................................... 55
3.7. Setting up Clock Operations ..................................................................... 57
3.8. Setting up Passwords.................................................................................. 60
3.9. Screens ......................................................................................................... 61
3.9.1. Types of Screens .......................................................................................................... 61
3.9.2. Creating and Opening Screens..................................................................................... 62
3.9.3. Setting up a Screen ...................................................................................................... 63
3.9.4. Importing/Exporting a Screen...................................................................................... 68
3.9.5. Cutting/Copying/Pasting/Deleting a Screen ................................................................ 68
3.9.6. Saving Screens as Pictures........................................................................................... 69

- ii -
43
3.1. Setting up the Panel Application

You can set up the panel application with the General Setup dialog box. There are five ways to open the dialog box:
1) In the Project Manager window, double-click the panel application node ( ).
2) In the Project Manager window, right-click the panel application node ( ) to bring up the pop-up menu and select
General Setup.
3) In the Project Manager window, double-click the General Setup node ( ) under Setup node of the panel application
4) In the Project Manager window, right-click the General Setup node ( ) under Setup node of the panel application to
bring out the pop-up menu and select Properties.
5) In the menu bar, click Panel | Setup | General Setup….

The General Setup dialog box contains the following pages. Some of the pages appear only when they are needed.

■ General
Described in Section 3.1.1.
■ Custom
Described in Section 3.1.2.
■ Keys
Described in Section 3.2.1.
■ Startup Macro / Main Macro / Event Macro / Time Macro
Described in Section 14.2.6.

3-1 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.1.1. General Settings
This section describes how to define the general settings for a panel application. The following is an example of the
General page of the General Setup dialog box.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-2


43
The following table describes each item in the General page.

Item Description
Application Name The name of the panel application.
Model The model of the target panel.
Click to bring up the Panel Model dialog box which helps you to select a
model by specifying the size, resolution and orientation of the display.
The following is a sample of Panel Model dialog box

Battery Backed RAM Specifies the size of the battery backed RAM installed in the target panel.
Flash ROM Specifies the size of the flash ROM installed in the target panel.
Use External Keypad Available if the target panel supports the custom designed external keypad.
Select this option if the application uses a custom designed external keypad.
Start Up Screen Specifies the first screen of the application that the target panel will display after
powering up.
Delay Time Specifies the time that the target panel will delay to run the application.
Display Check this option if you want the target panel to display countdown while it is
Countdown waiting for the expiry of the Delay Time.
Language Specifies the language the application will display the text in after power up.
Login Required Check this option if you want the target panel to get a valid password from the
operator before it displays the first screen.
Default User Available when Login Required is not selected. Specifies the initial user level for
Level the application.
Idle Display Idle Check this option to display the Idle Screen when the target panel has idled for
Processing Screen the specified amount of time.
Idle Time The length of time used to determine when the idle screen is displayed.
Idle Screen Specifies the screen that will be displayed as the idle screen.
Change User Check this option to change the current user level when the idle screen is
Level displayed.
Idle User Level Available when the Change User Level is selected. Specifies the user once the
idle screen is displayed.
Screen Saver Specifies the screen saver time. The target panel will turn off its backlight when it
Time has not been operated by the operator for the specified amount of time.
Continued

3-3 CHAPTER 3 CREATING PANEL APPLICATIONS


3
Item Description
Buzzer Sounding Time Specifies the length of the beep sounded by the buzzer when a touch operation is
activated.
Overlapped buttons can be Check this option if you want the application to have the overlapped buttons can
activated in sequence by one be activated in sequence by one touch feature. This allows the operator to issue
touch multiple data settings or commands with one touch. There are some constraints
with using this feature. See Section 3.1.3 for details.
Note You can type a note for the panel application.
Macro Startup Macro Check this item if you want the application to have the Startup macro.
The Startup macro is only run once when the application starts. The target panel
will not display the start-up screen until the macro terminates. You can use
Startup macro to initialize global data and settings for your application.
Main Macro Check this item if you want the application to have the Main macro.
The Main macro runs concurrently with the application. The target panel runs the
Main macro cyclically, i.e. it will delay preset time to run Main macro starting from
the first command each time after processing the last command of the macro, or
when it encounters an END command in the middle of the macro.
Event Macro #1~#4 An Event macro is run whenever the associated trigger bit changes from 0 (Off) to
1 (On). An application can have up to four Event macros. If the application needs
an Event macro for a certain event, check one of the items that are available and
specify the associated trigger bit for the corresponding Event macro.
Time Macro #1~#4 A Time macro is run periodically with a preset time interval. An application can
have up to four Time macros. Each Time macro has a different set of time
intervals that can be chosen to specify how often it runs. The following table
describes the available time intervals for each Time macro.
Time Macro Available Time Intervals Remark
#1 0.5 and 1 second
#2 1, 2, 3, ... and 59 seconds
#3 1, 2, 3, ... and 59 minutes The macro is run at 0 second.
#4 1, 2, 3, ... and 24 hours The macro is run on the clock.
If the application needs a Time macro, check the item of an appropriate Time
macro and specify the time interval for that Time macro.
Print Printer Specifies the type of printer that the application will use.
Port Specifies the port of the target panel that will connect to the printer.
If the printer is a mono printer, you can click it to bring up the “Settings for
Printing” dialog box which helps you to select the colors to be printed in black.
The following is a sample of Settings for Printing dialog box.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-4


43
3.1.2. Custom Settings
This section describes how to define the customization settings for a panel application. The following is an example of the
Custom page of the General Setup dialog box.

3-5 CHAPTER 3 CREATING PANEL APPLICATIONS


3
The following table describes each item in the Custom page.

Item Description
Decimal Number Use custom Check this item if you want the application to use the custom keypad instead
Keypad keypad of the built-in keypad for the entry of decimal numbers.
Window Screen Specify the window screen that is designated as the decimal number keypad.
Hexadecimal Use custom Check this item if you want the application to use the custom keypad instead
Number Keypad keypad of the built-in keypad for the entry of hexadecimal numbers.
Window Screen Specify the window screen that is designated as the hexadecimal number
keypad.
Octal Number Use custom Check this item if you want the application to use the custom keypad instead
Keypad keypad of the built-in keypad for the entry of octal numbers.
Window Screen Specify the window screen that is designated as the octal number keypad.
Character Keypad Use custom Check this item if you want the application to use the custom keypad instead
keypad of the built-in keypad for the entry of characters.
Window Screen Specify the window screen that is designated as the character keypad.
Password Keypad Use custom Check this item if you want the application to use the custom keypad instead
keypad of the built-in keypad for the entry of passwords.
Window Screen Specify the window screen that is designated as the password keypad.
Default Folder for File I/O This field is available only for Windows-based panels. There are 4 kinds of
default folder that you can select for your application. They are Same as
Application File, Pre-assigned, New Per Day, New Per Month. Please see
Section 3.1.4 for details
Touch Operation Use custom sign Check this item if you want the application to display the custom sign instead
Disabled Sign of the built-in sign when the touch operation of an object is disabled.
Picture Specify the picture that is to replace the built-in sign.
Transparent Select this item if you want parts of the custom sign to be transparent.
T. Color Specify the transparent color.
CSV/Text Files Date Format The date format that the target panel will use to output date information to text
files.
Time Format The time format that the target panel will use to output time information to text
files.
Separator Select desired delimiter that can be TAB, semicolon, or comma of CSV files.
User Level Required Set Time/Date The minimum user level that is required to set the time and date of the target
in Panel Setup panel through the target panel's Panel Setup menu.
Prohibit uploading and copying of the Check this option if you want to prohibit uploading and copying of the panel
panel application stored in the HMI unit application stored in the HMI unit.
Communication Error Mark Specify what to display for the Numeric Objects (including Numeric Entry and
Numeric Display) and Character Objects (including Character Entry and
Character Display) when their monitored data are unavailable due to
communication errors. You can select the following options as the error mark.
Mark Description
(As is) No communication error mark for the object. Leaves the display
unchanged.
(Blank) Clears the display of the object.
? Displays a string of character ‘?’.
# Display a string of character ‘#’.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-6


43
3.1.3. Activating Multiple Overlapped Buttons by One Touch
To enable the feature of activating multiple overlapped buttons by one touch, open the Panel General Setup dialog box and
check the option of “Activate multiple overlapped buttons by one touch” on the General page. With this feature, the
overlapped underlying buttons will be activated sequentially from top to bottom when the top-most button is pressed. The
following are the constraints of applying this feature.

1. The types of buttons that support this feature include: Bit Button, Toggle Switch, Screen Button, Function Button, Word
Button, Multi-state Switch, and Keypad Button.

2. The first button, i.e. the top-most button, can only be a bit button, a toggle switch, a word button, a multi-state switch, or
a keypad button. The button cannot have the optional property of Minimum Hold Time or Operator Confirmation. If the
button is a bit button, a toggle switch, or a keypad button, it cannot have any macro. If the button is a word button, it
cannot be configured for Enter Value or Enter Password. If the button is a multi-state switch, it cannot be configured as
a List or Drop-down List.

3. The underlying buttons that have the optional property of Minimum Hold Time or Operator Confirmation will not be
activated.

4. An underlying bit button that is configured for Momentary ON or Momentary OFF will not be activated. However, if that
bit button is the second button and the first button is a keypad button, it can be activated. An underlying bit button that
has any macro will not be activated.

5. An underlying toggle switch that has any macro will not be activated.

6. An underlying multi-state switch that is configured as a List or Drop-down List will not be activated.

7. A function button can only be the last button, i.e. the bottom-most button. All the buttons that are under a function
button will not be activated.

8. A screen button can only be the last button. All the buttons that are under a screen button will not be activated.

9. A word button that is configured for Enter Value or Enter Password can only be the last button. All the buttons that are
under such a button will not be activated.

10. The maximum number of buttons that can be indirectly activated by one touch is 10.

3-7 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.1.4. Specifying Default Folder for PC Based File I/O

The default folder will be used for a file I/O operation when one of the following two conditions exists:
1) The command issued for the operation does not require a specific filename.
2) The command issued for the operation requires a filename and the specified filename contains no path information.

To specify the default folder, access the “Custom” page of the “Panel General Setup” dialog box. Select “General Setup”
and “Panel” in the submenu to get the dialog box, then click the “Custom” tab. Another way to access the dialog box is to
double-click the “Panel General Setup” node on the project tree.

On the “Custom” page, you can specify the desired default folder in the “Default Folder for File I/O” group according to the
following rules:

1) If you want the folder of your application file (.pe2 or .pl2 file) to be the default folder, select “Same as Application File”
in the “Option” combo box.

For applications with this selection running on HMI units, because the applications are not stored in any file or under
any directory, the root directory of the USB memory stick will be used as the default folder instead.

2) If you want to use a specific folder that will exist at run-time as the default folder, select “Pre-assigned” in the “Option”
combo box and specify the folder in the “Folder” edit box.

Note that the specified folder must exist at run-time or the file I/O operations will fail.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-8


43
3) If your application needs a new default folder every day, select “New Per Day” in the “Option” combo box,
and specify the following 3 items:
A) Folder Path: The path for the new folder. The system will create a new default folder under the specified path
every day.
B) Folder Name Format: The format to create a default folder name.
C) <Prefix>: The string to be used as the prefix of the new default folder names. Note that only ASCII characters are
allowed.

Example:

Folder Name Format Folder Path <Prefix> Date Default Folder Name
<Prefix>yymmdd C: ABC December 19, 2008 C:\ABC081219
<Prefix>yyyymmdd D:\NEO ABC_ December 19, 2008 D:\NEO\ABC_20081219
<Prefix>yyMMMdd C: XYZ January 10, 2009 C:\XYZ09JAN10
<Prefix>yyyyMMMdd D:\123 XYZ_ January 10, 2009 D:\123\XYZ_2009JAN10

4) If your application needs a new default folder every month, select “New Per Month” in the “Option” combo box and
specify the following 3 items:
A) Folder Path: The path for the new folder. The system will create a new default folder under the specified path
every month.
B) Folder Name Format: The format to create a default folder name.
C) <Prefix>: The string to be used as the prefix of the new default folder names. Note that only ASCII characters are
allowed.

Example:

Folder Name Format Folder Path <Prefix> Date Default Folder Name
<Prefix>yymm C: ABC December 19, 2008 C:\ABC0812
<Prefix>yyyymm D:\NEO ABC_ December 19, 2008 D:\NEO\ABC_200812
<Prefix>yyMMM C: XYZ January 10, 2009 C:\XYZ09JAN
<Prefix>yyyyMMM D:\123 XYZ_ January 10, 2009 D:\123\XYZ_2009JAN

3-9 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.2. Working with Keys

Some of the target panels are key type. Those key type panels carry external keys that you can press to perform the
defined operations.

To assign or change the operation of the keys in the panel application, you can use the following two ways:

■ Default Settings for the Panel Application


Described in Section 3.2.1.
■ Settings for a Screen
Described in Section 3.2.2.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-10


43
3.2.1. Default Settings for the Panel Application
The default settings are settings that can be used by all screens in the panel application. With the default settings of the
keys, all the screens in the panel application can share the common usages of keys and do not have to keep and maintain
the same usages in each screen.

You can change the default settings of keys for the panel application in the General Setup property sheet. To open the
General Setup property sheet, please see Section 3.1 Setting up the Panel Application for details. The General Setup
property sheet provides you with the Keys page to set up the default keys.

The following is an example of the Keys page and Usage Setup dialog in the General Setup property sheet.

Key Usage Table Usage Setup Dialog

If all the screens use the


default settings of the key
named K22, the K22 key
will perform just like the bit
button when it is pressed.
That means in any screen
at runtime, the state of
1\M238 bit will be inverted
when the K22 Key is
pressed.

There are two parts in the above illustration: Key Usage Table and Usage Setup Dialog.
■ Key Usage Table
A table lists all the keys of the target panel and their default usages. The key usage table is initially empty (Usages for key
and key combination are none) after the panel application is created. For details about Key Usage Table, please see
Section 3.2.3
■ Usage Setup Dialog
A floating dialog box allows you to specify the usage of the selected key or key combination. Left-click the cell in the key
usage table to bring up the dialog. For details about Usage Setup Dialog, please see Section 3.2.4.

3-11 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.2.2. Settings for a Screen
Each screen can have its own key operation. You can allow a key to perform an operation only in the specified screen by
changing the settings of the screen keys in the Screen Properties property sheet. To open the Screen Properties property
sheet, please see Section 3.9.3 Setting up a Screen for details. The Screen Properties property sheet has the Keys page
to set up the keys for the screen.

The following is an example of the Keys page and Usage Setup dialog in Screen Properties property sheet.

Key Usage Table Usage Setup Dialog

F5 key will perform just like


the screen button when it is
pressed. That means at
runtime, the screen 253 will
be opened when the F5
Key is pressed in the
specified screen.

There are two parts in the above illustration: Key Usage Table and Usage Setup Dialog.
■ Key Usage Table
A table lists all the keys of the target panel and their usages. The key usage table is the same as the one in the Keys page
of the General Setup property sheet when the screen is created. For details about Key Usage Table, please see Section
3.2.3

■ Usage Setup Dialog


A floating dialog box allows you to specify the usage for the selected key or key combination. Left-click the cell in the key
usage table to bring up the dialog. The Use Default option is checked by default. Uncheck the Use Default option to
assign a usage for the selected cell that will only be available in the specified screen. For details about Usage Setup
Dialog, please see Section 3.2.4.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-12


43
3.2.3. Key Usage Table Settings
The key usage table is located in the Keys page of the General Setup property sheet or Screen Properties property sheet.
It lists all the keys of the target panel and their default usages. The Keys page is only displayed for target panel with
keypads.

The following is an example of a key usage table in the Keys page.

There are three columns in the key usage table.


Column Description
Key Available keys of the target panel.
Usage Displays how the key will be used
when it is pressed.
Usage (Esc+) Displays how the key combination
(ESC+Key) will be used when it is
pressed.
This column exists only when the
target panel supports the key
combination.
Note: Left-click the cell brings up the Usage Setup Dialog
which sets up the usage of the selected cell. For details
about Usage Setup Dialog, please see Section 3.2.4.

3-13 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.2.4. Usage Settings for a Key
You can assign or change the usage for the key or the key combination with the Usage Setup Dialog. The Usage Setup
Dialog is a floating dialog box that can be freely moved.
To open the Usage Setup Dialog, left-click the cell in the key usage table. If the selection in the key usage table is changed,
the dialog box remains open and displays the settings related to the new selection.
The following is an example of usage setup dialog.

The name of the Click the close


key or the key button to exit the
combination dialog box.

Property Description
Use Default Check this option if you want to use the default setting in the Keys page of the General Setup
property sheet. The field is only available in the Keys page of the Screen Properties property sheet.
Usage Select a usage for the key or key combination. There are 7 options: None, Bit Button, Function Button,
Keypad Button, Multistate Switch, Screen Button and Word Button.
Bit Button If the usage is Bit Button, specify the following properties:
Property Description
Function Select the operation of the bit button. There are 5 options: Set ON, Set OFF,
Momentary ON, Momentary OFF, and Invert.
For details, see Section 5.1.1 Basic Operations
Write Address Specifies the bit variable to be operated.
Click to enter an address for this field. Click to select a tag for this
field.
ON Macro Check this option for the button to have an ON macro. Select a macro from
the dropdown list. This option is available when the bit button operation is
Set ON, Momentary ON, or Momentary OFF.
OFF Macro Check this option for the button to have an OFF macro. Select a macro from
the dropdown list. This option is available when the bit button operation is
Set OFF, Momentary ON, or Momentary OFF.

Continued

CHAPTER 3 CREATING PANEL APPLICATIONS 3-14


43
Property Description
Function If the usage is Function Button, specify the following properties:
Button Property Description
Function Specifies the operation for the function button to perform. About the available
operations, see Section 5.4.1 Basic Operation.

Keypad If the usage is Keypad Button, specify the following properties:


Button Property Description
Enter Select this item if the button is used to input specified character to the keypad buffer.
Character
Character Available when Enter Character is selected. Specifies the character to be entered in
the keypad buffer.
Enter Select this item if the button is used to issue the specified command to the keypad
Command buffer.
Command Available when the Enter Command is selected. Specifies the command issued to
the keypad buffer. There are 4 commands available:
Command Description
Enter Completes the data entry and sends the input string to the
associated object or the system.
Escape Cancels the data entry operation.
Clear Clears the keypad buffer.
Backspace Removes the last character in the keypad buffer.

Multistate If the usage is Multistate Switch, you need to specify the following properties:
Switch Property Description
State Type The state type of the monitored variable. There are 2 options: Value and LSB. For
details, see Section 4.4.1.1 State Types
Data Type The data type of the variables specified in this page.
Write Specifies the variable to be controlled.
Address
Click to enter an address for this field. Click to select a tag for this field.
Total State Specifies the number of valid states that the monitored variable has.
Note: The last state is state N-1 when the Total States is N.
Next State Specifies the method of calculating the next state.
+1 means the next state is the current state plus one, when the current state is not
the last state. When the current state is the last state, the next state is state 0.
-1 means the next state is the current state minus one, when the current state is not
state 0. When the current state is state 0, the next state is the last state.

Screen If the usage is Screen Button, specify the following properties:


Button Property Description
Function Specifies the operation for the screen button to perform. There are 4 options:
Open Screen, Previous Screen, Close and Open Screen, and Close Screen. For
details, see Section 5.3.1 Basic Operations.
Screen Specifies the screen to be opened.
Change user Check this option for the button to change the current user level.
level to Specify the new user level to replace the current user level.
Acknowledge Check this option for the button on the alarm-associated screen to acknowledge
alarm the alarm.
Continued

3-15 CHAPTER 3 CREATING PANEL APPLICATIONS


3
Property Description
Word Button If the usage is Word Button, you need to specify the following properties:
Property Description
Function Specifies the operation that the word button performs. For details, see Section
5.6.1 Basic Operations.
Data Type The data type of the variable to be controlled.
Write Address Specifies the variable to be controlled.
Click to enter an address for this field. Click to select a tag for this
field.
Constant The constant for the specified operation.
Minimum The minimum for the specified operation.
Maximum The maximum for the specified operation.
Total Digits The number of digits to be displayed for the Minimum and the Maximum on the
numeric keypad.
Fractional When the Data Type is 32-bit Floating Point, this property specifies the number
Digits of fractional digits to be displayed for the Minimum and the Maximum on the
numeric keypad.
When the Data Type is not 32-bit Floating Point, this property specifies not only
the number of fractional digits to be displayed, but also the number of least
significant digits to be displayed as the fractional part. With this feature, an
integer can be shown and entered as a fixed point number. When the
Fractional Digits is nonzero, say N, the entered value will be converted to an
integer according to the following formula before being output.
OutputValue = EnteredValue * (Nth power of 10)
Example:
Display Type Total Fractional Entered Output
Digits Digits Value Value
32-bit Floating Point 4 2 12.34 12.34
32-bit Floating Point 4 2 123.4 Error!
16-bit Signed Decimal 5 2 123.45 12345
16-bit Signed Decimal 5 2 -0.05 -5
16-bit Signed Decimal 5 2 3 300

Activation Select Button Down item so the touch operation will be activated when the
button is touched. Select Button Up item so the touch operation will be
activated when the button is released.

Continued

CHAPTER 3 CREATING PANEL APPLICATIONS 3-16


43
Property Description
Advanced The following table describes each Advanced property. Not all properties are available for each object.
Property Description
Enabled by Check this option so the operation of the object will be enabled and disabled by
Bit the specified bit.
Bit Specifies the bit that enables and disables the touch operation.
Click to enter a bit address. Click to select a bit tag.
Enabling Specifies the state (On or Off) that enables the touch operation.
State
Enabled by Check this item so the touch operation of the object will be enabled and
User Level disabled by the current user level.
Lowest Specifies the lowest user level that is required to enable the touch operation.
Enabling
User Level
Operator Check this option if you want the operator to confirm the operation. The
Confirmation Confirmation box will be displayed when the object performs the operation. If
the operator selects “Yes” in the Confirmation box, the operation will be
performed. If the operator selects “No” or the operator does not respond within
the specified time period (Maximum Waiting Time), the operation will be
cancelled.
Maximum Specifies the maximum time that the object will wait for the operator’s
Waiting Time confirmation. The operation will be cancelled if the operator does not respond
within this time.
Notification Check this option so the object will notify the specified bit after it finishes the
operation.
Bit Specifies the bit that receives the notification.
State Specifies the state (On or Off) that is used for the notification.

3-17 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.3. Internal Memory

This section describes how to set up and use the internal memory for the panel application.

3.3.1. Types of Internal Memory


The following table describes the types of memory space that can exist or always exist in the internal memory.

Type Address Format Description


Regular user Word: $Un The size of this memory space is settable.
memory Bit: $Un.b; b: 0~f
Battery backed Word: $Nn This memory space is available when the target panel is equipped with
user memory Bit: $Nn.b; b: 0~f battery backed RAM. The size of this memory space is settable.
System memory Word: $Sn This memory space keeps the system’s required data and information.
Bit: $Sn.b; b: 0~f See Section 3.3.3 for details.
Index registers Word: $In The index registers are provided to support indirect addressing. To know
Bit: $In.b; b: 0~f how to specify indirect address by using index registers, please see
Section 3.3.2 for details.
Command block Word: $CBn This memory space is allocated for storing the data read from the specified
Bit: $CBn.b; b: 0~f command block.

3.3.2. Index Registers

The index registers are battery backed if the panel has battery backed memory. The index registers are cleared to zero
when the panel application is updated.

You can use the index registers to specify the indirect address. With the support of indirect addressing, an object or macro
can be designed to access different sets of data at run time.

Examples
1) The word address W[$I30] is equivalent to W2000 when the value of $I30 is 2000.
2) The word address $U[$I0+123] is equivalent to $U223 when the value of $I0 is 100.
3) The bit address $U[$I2].a is equivalent to $U0.a when the value of $I2 is 0.
4) The word address [$I2]:W100 is equivalent to 3:W100 when the value of $I2 is 3.
5) The bit address [$I0]: W[$I1+10].f is equivalent to 5:W20.f when the values of $I0 and $I1 are 5 and 10 respectively.

Notes:
1) It is your responsibility to make sure that values in the index registers will result in valid addresses at runtime. The
software has no way of checking the validity of the use of index registers.
2) The offset values must be a positive number, and the maximum offset value is 65535.
3) Only $I0~$I15 can be used for the node address (PLC address), and no offset value is allowed.
4) Make sure the PLC driver you are using supports indirect addressing.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-18


43
3.3.3. System Memory
The following table lists the system maintained data and information in the system memory of the target panels that may
be useful for your application.
Note that in any case do not modify the system memory for any purpose, or the system may malfunction or crash.

Address Length Content


$S0~$S25 26 Keypad input buffer for keypads
$S0: Command code for keypad display
$S1~$S24: Null terminated ASCII character string up to 48 characters
$S42 1 The second and minute of the current time in BCD format
Bit 0~7: Second (0x00~0x59)
Bit 8~15: Minute (0x00~0x59)
$S43 1 The hour of the current time in BCD format and the RTC adjustment parameter
Bit 0~7: Hour (0x00~0x23)
Bit 8~15: RTC adjustment value
$S44 1 The day and month of the current date in BCD format
Bit 0~7: Day (0x01~0x31)
Bit 8~15: Month (0x01~0x12)
$S45 1 The year and the day-of-week of the current date in BCD format
Bit 0~7: Year (0x00~0x99)
Bit 8~15: Day of week (0x00~0x06); 0 represents Sunday
$S46 1 The second of the current time in binary format (0~59)
$S47 1 The minute of the current time in binary format (0~59)
$S48 1 The hour of the current time in binary format (0~23)
$S49 1 The one tenth of a second of the current time in binary format (0~9)
9 represents 0.9 second
$S50 1 The date of the current day in binary format (0~30)
0 represents the first day of a month
$S51 1 The month of the current day in binary format (0~11)
0 represents January
$S52 1 The year of the current day in binary format (0~99)
$S53 1 The day of week of the current day in binary format (0~6)
0 represents Sunday
$S219 1 Current user level (0~9); 9 indicates that the user logged in with the developer password
$S230~$S241 12 The ASCII character string, up to 24 characters, to show the allowable input range for
numeric keypads
$S297 1 The lowest user level that can be accepted by the current password keypad. When the
value is 0, any user level is accepted. When the value is 9, only the developer password is
accepted.
$S300~$S301 2 500ms timer
$S302~$S303 2 1 second timer
$S304 1 20 Hz sine wave (-1000 ~ 1000)
$S305 1 20 Hz cosine wave (-1000 ~ 1000)
$S306 1 20 Hz triangle wave (0~1000)
Continued

3-19 CHAPTER 3 CREATING PANEL APPLICATIONS


3
Address Length Content
$S307 1 System signals
$S307.0: always 0 when ready
$S307.1: always 1 when ready
$S315 1 System status
$S315.0: 1 indicates that the data in battery backed RAM is good
$S317 1 Current language number (0~9); 0 represents language #1
$S319 1 Status bits of USB memory sticks
$S319.0: Drive C (1:OK; 0:None)
$S319.1: Drive D (1:OK; 0:None)
$S319.2: Drive E (1:OK; 0:None)
$S654 1 Link enabled bits for Link 1~16
$S654.0 is for Link 1; 0: Disabled; 1: Enabled
$S654.1 1 is for Link 2;

$S654.f is for Link 16
$S662~$S677 32 Communication status words for Link 1~16
$S662 is for Link 1
$S663 is for Link 2

$S677 is for Link 16

Communication Status
Value Meaning Value Meaning
0 OK 13 Invalid request
1 Overrun error 14 Device busy
2 Break error 15 Unknown error
3 Parity error 16 Link disabled
4 Framing error 17 Initialization failure
5 No response 18 Failed to send data
6 Unrecognized response 19 Failed to receive data
7 Timeout 20 Failed to open connection
8 Inactive CTS 21 Connection not ready
9 Checksum error 22 Invalid sub-link
10 Command rejected 23 Invalid COM port
11 Invalid address 24 Error
12 Invalid range 255 Uncertain

$S838 1 The ID of the current recipe block (0~15)


$S839~$S854 16 The current recipe numbers of recipe block 0~15
$S839 is for recipe block 0
$S840 is for recipe block 1

$S854 is for recipe block 15

CHAPTER 3 CREATING PANEL APPLICATIONS 3-20


43
3.3.4. Setting up Internal Memory
You can use the Internal Memory dialog box to define the size of the regular user memory and the battery backed user
memory. To open the Internal Memory dialog box, do one of followings:

1) In the Project Manager window, double-click the Internal Memory node ( ) under Links node of the panel
application.
2) In the Project Manager window, right-click the Internal Memory node ( ) under Links node of the panel application to
bring out the pop-up menu and select Properties.

The following is an example of the Internal Memory dialog box.

Specify the size of regular user memory. The


size must be between 0 and 131072 words.
By default, it is 5000.

Specify the size of battery backed user


memory. The size must be between 0 and
131072 words. By default, it is 0.

3-21 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.4. Communication Links

This section describes how to set up communication links to allow the panel application to access the data of external
devices.

3.4.1. Types of Communication Links

The following table describes the three types of communication links that the panel application can have.

Link Type Description


Direct link Directly connects the panel with the specified device(s). The following are examples of direct links.

[Example 1] The panel uses an RS232 direct link to talk with the specified device directly.

[Example 2] The panel uses an RS485 direct link to talk with the specified devices directly.

[Example 3] The panel uses an Ethernet direct link to talk with the specified device directly.

Continued

CHAPTER 3 CREATING PANEL APPLICATIONS 3-22


43
Link Type Description
Indirect link Allow the panel to talk with a device that is not directly connected to it. An indirect link connects the
panel with a specified indirect link server. The indirect link server is the target panel of a panel
application in the same project and is directly connected to the specified device.

[Example 1] Indirect Link via 2-to-1 Connection

[Example 2] Indirect Link via N-to-1 Connection (COM)

[Example 3] Indirect Link via N-to-1 Connection (Ethernet)

Continued

3-23 CHAPTER 3 CREATING PANEL APPLICATIONS


3
Link Type Description
Communication Add an appropriate communication service link to the application to allow other panels to
service communicate with the device directly connected to the target panel. The following table describes
the available communication services.
Communication Description
Service
2-to-1 Server (COM) You need to specify the data link, i.e. the associated direct link,
for this communication service. This service allows two panels
to talk with one device, and only one communication port is
required on that device.
2-to-1 Transparent This communication service makes the target panel a gateway
Server (COM) for another computing device, such as, a PC, another target
panel, or a panel of another brand, to access the associated
controller. See the following diagrams for the possible
applications.

Any kind of controller whose communication protocol is of


the request-reply type can be supported by this communication
service. Ask your local representative to check if your controller
is supported. Note that the communication parameters (baud
rate, number of data bits, number of stop bits, and type of parity
check) of the computing device and the communication
parameters of the 2-to-1 Transparent Server must be identical.
N-to-1 Master (COM) You need to specify the data link, i.e. the associated direct link,
for this communication service. This service allows up to 16
panels to talk with one device, and only one communication port
is required on that device.
N-to-1 Master (Ethernet) You need to specify the data link, i.e. the associated direct link,
for this communication service. This service allows up to 16
panels to talk with one device, and only one communication port
is required on that device.

Continued

CHAPTER 3 CREATING PANEL APPLICATIONS 3-24


43
Link Type Description
Gateway Allows an application program running on any computing device, such as a PC, to access the data
service of the controllers that are connected to the HMI with Gateway Server. The following table describes
the available gateway services.
Gateway Service Description
TCP/IP Gateway This gateway service makes the target panel a gateway for another
Server (Ethernet) computing device, such as, a PC, another target panel, or a panel of
other brand, to access the associated controller through Ethernet.
See the following diagram to know the possible applications.

The blue, green, and red lines in the above figure indicate the
different data blocks flowing on the Ethernet with the target panel
acting as a gateway server.
The gateway server makes the HMI behave as a Modbus device.
Your application program can use the Modbus protocol to access the
transfer memory of the gateway server. To use the gateway server,
please see Section 3.4.8 for details.

3-25 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.4.2. General Settings
This section describes how to define the general settings for the communication links using the General page of the Link
Properties dialog box. The following is an example of the General page that defines a direct link.

The following is an example of the General page that defines a communication service link.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-26


43
The following table describes each property in the General page of the Link Properties dialog box.

Property Description
Link Number The sequence number of the communication link. It is assigned when the link is created and
reassigned when any other link of the same application is removed.
Link Name Specifies the name of the communication link.
Link Type Select one of the following link types for the link:
Link Type Description
Direct Link (COM) The link connects to the specified device directly through the
specified serial (COM) port.
Direct Link The link connects to the specified device directly through the
(Ethernet) specified Ethernet port.
Communication The link connects to one or more other target panels through the
Service (COM) specified serial (COM) port and provides the communication
service specified in the Device/Server field to the connected target
panels. See the description of the Device/Server field to know the
available communication services.
Communication The link connects to one or more other target panels through the
Service (Ethernet) specified Ethernet port and provides the communication service
specified in the Device/Server field to the connected target
panels. See the description of the Device/Server field to know the
available communication services.
Gateway The link connects to a target panel that provides gateway service
Service(Ethernet) as a gateway server through the specified Ethernet port.
The target panel allows an application program running on any
computing device, such as a PC, to access the data of the
controllers through that target panel.
Indirect Link via The link connects to a target panel that provides the
2-to-1 Connection communication service as a 2-to1 server through the specified
(COM) serial (COM) port. The target panel can communicate with the
associated device indirectly through that target panel.
Indirect Link via The link connects to a target panel that provides the
N-to-1 Connection communication service as an N-to1 master through the specified
(COM) serial (COM) port. The target panel can communicate with the
associated device indirectly through that target panel.
Indirect Link via The link connects to a target panel that provides the
N-to-1 Connection communication service as an N-to1 master through the specified
(Ethernet) Ethernet port. The target panel can communicate with the
associated device indirectly through that target panel.
Continued

3-27 CHAPTER 3 CREATING PANEL APPLICATIONS


3
Property Description
Device/Server When the Link Type is Direct Link, specify the link’s connected device.
When the Link Type is Communication Service (COM), select one of the following servers.
Server Description
2-to-1 Server In the Data Link field, specify a direct link of the application as the data
link for the server. The 2-to-1 server is a bridge between another panel
and the device connected to the specified data link. Another
panel/application of the project can now use an indirect link to access
the device connected to the server through the specified data link.
2-to-1 In the Data Link field, specify a direct link of the application as the data
Transparent link for the server. The service link connects to a computing device, and
Server allows the device to indirectly communicate with another device through
the data link. The computing device can be a target panel, a panel of
another brand, or a PC. If the computing device is a target panel, it must
use a direct link to accept the service.
N-to-1 Master In the Data Link field, specify a direct link of the application as the data
link for the server. The link can connect up to 8 target panels, and allow
these panels to indirectly communicate with the device connected to the
specified data link. The panels served by the link must use an indirect
link to accept the service.
When the Link Type is Communication Service (Ethernet), select one of the following servers.
Server Description
N-to-1 Master In the Data Link field, specify a direct link of the application as the data
link for the server. The link can connect up to 8 target panels, and allow
these panels to indirectly communicate with the device connected to
the specified data link. The panels served by the link must use an
indirect link to accept the service.
When the Link Type is Indirect Link and the Indirect Link Server Location is specified, the
indirectly connected device is shown here.
Link Port Select a port for this link.
Sub-links When an RS485 communication line has many devices connected to it, the logical
connection of a device on the link with the target panel is called a sub-link.
This field is available when the Link Type is Direct Link (COM). Select this option if this link
will connect to many devices, and you want to identify, monitor, or control the communication
with each connected device.
Data Link Select a direct link of the application as the data link for the communication service when the
Link Type is Communication Service.
Indirect Panel Select the panel application that provides the communication service for this indirect link.
Link Application
Server Link Select the communication service link that provides the communication service for this
Location indirect link.
Record Check this option if you want the communication status of the link or the link’s sub-links to be
communication status recorded in the operation log. The recordable types of status include: Enabled, Disabled,
in operation log Failed, and Recovered. The operation log display can show the logged communication
status.
Check Word The panel will read the specified word periodically to check the status of the link’s
connection.
The duration of showing The communication error message box will hide and show according to the specified
a communication error duration. If the duration is 0, the error message box will not show.
message

CHAPTER 3 CREATING PANEL APPLICATIONS 3-28


43
3.4.3. Parameter Settings (Serial Port)
This section describes how to set up the communication parameters for the serial communication links using the
Parameter page of the Link Properties dialog box.

The following is an example of the Parameter page for a The following is an example of the Parameter page for an
serial direct link. N-to-1 master.

The following table describes each property in the Parameter page of the Link Properties dialog box for a serial link.

Property Description
Baud Rate The baud rate used.
Data Bits The number of data bits used.
Parity The scheme of parity used.
Stop Bits The number of stop bits used.
Panel Address The address of the target panel.
PLC Address The address of the connected device.
Timeout Time The maximum time allowed for the communication driver to wait for a reply from the
connected device. When the elapsed time exceeds the Timeout Time, the communication
driver assumes the communication failed.
Command Delay If the Command Delay is 0, the communication driver immediately sends the next request to
the connected device when it receives a reply from the last request. If the Command Delay
is nonzero, the communication driver delays for the specified amount of time before sending
the next request to the connected device.
Retry Count The number of times the communication driver will retry for each request to get a successful
reply from the connected device. If the number is zero, the communication driver will use the
default retry count.
Specify N-to-1 This button is available when the link is an N-to-1 master. Click this button to bring up the
Connection Slave N-to-1 Connection Slave Panels dialog box. You can define the slave panels of the N-to-1
Panels connection in the dialog box.
Specify Other Data This button is available when the link is a direct link and the connected device is Data
Sharing Panels Sharer (RS485). Click this button to bring up the Other Data Sharing Panels dialog box. You
can define the other data sharing panels in the dialog box.

3-29 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.4.4. Parameter Settings (Ethernet Port)
This section describes how to set up the communication parameters for Ethernet links using the Parameter page of the
Link Properties dialog box. The following is an example of the Parameter page for an Ethernet direct link.

The following table describes each property in the Parameter page of the Link Properties dialog box for an Ethernet link.

Property Description
IP Address The IP address of the connected device.
Use Default Port Check this option if the default IP port is used
Port Specifies the IP port used
Node Address Specifies the node address of the connected device.
Timeout Time The maximum time allowed for the communication driver to wait for a reply from the connected
device. When the elapsed time exceeds the Timeout Time, the communication driver assumes
the communication failed.
Command Delay If the Command Delay is 0, the communication driver immediately sends the next request to the
connected device when it receives a reply from the last request. If the Command Delay is
nonzero, the communication driver delays for the specified amount of time before sending the
next request to the connected device.
Retry Count The number of times the communication driver will retry for each request to get a successful reply
from the connected device. If the number is zero, the communication driver will use the default
retry count.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-30


43
3.4.5. Sub-link Settings
An RS485 link can have many slave devices connected to it. The HMI uses the same communication protocol to talk with
all the slave devices. The connection between the HMI and each of the slave devices is a sub-link. With the Sub-link table,
the operator can enable or disable a sub-link at any time.

This section describes how to define the sub-links within a direct link using the Sub-link page of the Link Properties dialog
box. The following is an example of the Sub-link page.

The following table describes each property in the Sub-link page of the Link Properties dialog box for a direct link.
Property Description
Number of sub-links Specifies how many devices the link will connect as sub-links.
Language Specifies the current language for the Name field.
Name The name of the selected sub-link for the language specified in the Language field.
Node Address The address of the selected sub-link. The address must be a unique number within all the
sub-links.
Initial State The initial communication state for the selected sub-link. If the state is On, the panel will
communicate with the sub-link after running the application. If the state is Off, the panel will
not communicate with the sub-link until the communication state is turn On in a sub-link table.
Show error message If this option is checked, the communication error message will be shown when the selected
sub-link encounters communication errors. If this option is unchecked, no error message will
be shown for any communication errors.

3-31 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.4.6. Sharing Data among Panels Using Data Sharer
The data sharer is a virtual device. It allows data sharing among up to 16 target panels on an Ethernet or an RS485
network. Each of the target panels can have up to 256 words of data to share.

To set up the communication for data sharing, create a direct link and select Data Sharer (UDP) or Data Sharer (RS485)
as the connected device. The panel address that you can set in the Parameter page of the Link Properties dialog box must
be unique for each sharing panel as it is used to identify the shared data.

The communication driver for the link connecting to Data Sharer is responsible for broadcasting the panel's shared data on
the network. For example, if the panel address of a panel is 10 and the number of the link connecting to Data Sharer is 2,
the following Macro command will cause the communication driver to broadcast the corresponding data on the network.

2\P10.0 = MOV($u300, 30)

The communication driver receives the broadcasted shared data on the network automatically. It has a block of memory to
store the shared data. To access a word, use the following address, where m is the panel address and n is the word
number of that panel’s shared data.

Pm.n m=1~16; n=0-255

To access a bit, use the following address, where b is a hexadecimal number representing the bit number in the specified
word.

Pm.n.b m=1~16; n=0-255; b=0~f

The UDP is used for the data sharing on Ethernet.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-32


43
3.4.7. Writing Communication Programs Using Macro Commands
You can write a macro program to let your HMI communicate with a computing device through a serial port. For simplicity,
we will use Device in the following sections to refer to the target computing device.

1. Create a communication link for the application to connect the panel and Device.

or

2. Specify the general settings for the link. You need to select PanelMaster - General Device (COM) as the device to be
connected.

3. Specify the parameters of the communication.

3-33 CHAPTER 3 CREATING PANEL APPLICATIONS


3
4. Understand the key words that are available for composing the communication macro programs.

Key Word Type R/W Function


TX Word Write Writing a block of words to TX transmits the low bytes of that block of words to Device.
Only The write operation is done when the transmission starts or is cancelled.

Example:
$U10 = “ABC”
$U20 = B2W($U10, 3) // Convert the byte array to a word array
TX = MOV($U20, 3) // Transmit “ABC” to Device

Operation rules:
1) The transmission cannot start until the previous transmission has finished.
2) The word TXT_STS will be set to 1 when the transmission starts.
3) When the hardware flow control is enabled (Bit EN_HS is set to 1), the
transmission will not start until the device allows the panel to send data (The CTS
signal on the port is asserted).
4) When the RTS/CTS flow control is enabled (Bit EN_HS is set to 1), the RTS
signal on the serial port will be negated when the transmission starts and it will be
asserted when the transmission ends.
5) The transmission will be cancelled if it cannot start after waiting a time specified
by the word TO_TIME. The word TX_STS will be set to 2 when the timeout
condition occurs.
TX_W Word Write TX_W provides the same functionality as TX, except that the write operation is done after
Only all the bytes are transmitted. It is recommended to use TX_W to transmit data as the
macro program will not waste time to wait for the completion and the CPU of the panel will
be utilized more efficiently.
TX_STS Word Read Reading this word gets the status of the last transmission.
Only Value Status
1 Succeeded
2 Timeout
255 In progress

RX Word Read Reading this word copies a specified number of word values from the receive buffer. The
Only receive buffer is a word array. The bytes received from Device are stored in the low bytes
of the buffer. The high bytes of the buffer are always 0. Once the received data are
copied, they are removed from the receive buffer. The read operation is executed whether
or not there are enough bytes received in the buffer.

Example:
$U10 = MOV(RX, 3) // Receive 3 words from the receive buffer.
// $U10 gets the value of the first received byte.
// $U11 gets the value of the second received byte.
// $U12 gets the value of the third received byte.

Operation rules:
Assume the number of words to be read from the buffer is n and the number of
available words in the buffer is m.
1) If there are enough data received in the buffer, the read operation does the
following 4 things: copies the first n words in the buffer to the destination, sets
RX_CNT to n, sets RXB_CNT to (m-n), and sets RX_STS to 1.
2) If there are not enough data received in the buffer, the read operation does the
following 4 things: copies all the available data to the destination, sets RX_CNT
to m, sets RXB_CNT to 0, and sets RX_STS to 1.
Continued

CHAPTER 3 CREATING PANEL APPLICATIONS 3-34


43
Key Word Type R/W Function
RXB_CNT Word Read Reading this word gets the number of words that are available in the receive buffer. Note
Only that one word of the receive buffer contains one received byte.
RX_CNT Word Read Reading this word gets the number of words that were actually taken out of the receive
Only buffer by the last receive operation. Note that one word of the receive buffer contains one
received byte.
RX_STS Word Read Reading this word gets the status of the last receive operation.
Only Word Value Description
1 Succeeded
2 Timeout
Others Failed
RX_W Word Read Reading this word copies a specified number of word values from the receive buffer. The
Only receive buffer is a word array. The bytes received from Device are stored in the low bytes
of the buffer. The high bytes of the buffer are always 0. Once the received data are
copied, they are removed from the receive buffer. If there are not enough data received in
the buffer, the read operation will wait a time specified by TO_TIME. The read operation
will not complete until all the required data are received or the timeout occurs.

Example:
$U10 = MOV(RX_W, 3) // Receive 3 words from the receive buffer.
// Wait for the data if they are not received from Device yet.
// $U10 gets the value of the first received byte.
// $U11 gets the value of the second received byte.
// $U12 gets the value of the third received byte.

Operation rules:
Assume the number of words to be read from the buffer is n and the number of
available words in the buffer is m
1) If there are enough data received in the buffer, the read operation does the
following 4 things: copies the first n words in the buffer to the destination, sets
RX_CNT to n, sets RXB_CNT to (m-n), and sets RX_STS to 1.
2) If there are not enough data received in the buffer, the read operation will wait a
time specified by TO_TIME for the required data to come. When enough data are
received, the read operation performs rule 1 above. When timeout occurs, the
read operation is cancelled and RX_STS is set to 2.
FLUSH Bit Write Writing 1 to this bit flushes the receive buffer that is used to receive data from Device.
Only
RESET Bit Write Writing 1 to this bit resets the UART that is used for the communication between the panel
Only and Device.
TO_TIME Word Read/ Writing the timeout time to this word sets the timeout time for the communication. The unit
Write is 0.1 second.

Example:
TO_TIME = 20 (U) // Set the timeout time to 2 second
EN_HS Bit Read/ Writing 1 to the bit enables the RTS/CTS flow control.
Write Bit Value Function
0 Disables the hardware flow control.
1 Enables the hardware flow control.

Example:
EN_HS = 1 (B) // Enable the flow control
Continued

3-35 CHAPTER 3 CREATING PANEL APPLICATIONS


3
Key Word Type R/W Function
CTS_STS Bit Read Reading the bit gets the status of the CTS signal from the device.
Only Bit Value CTS Signal Comment
0 Asserted The panel is allowed to send data to Device
1 Negated The panel is not allowed to send data to Device

Example:
IF !CTS_STS (B) // Do the following when the CTS is asserted
TX = MOV($U100, 10) // Send 10 bytes to Device
ENDIF
RTS Bit Read/ Writing 0 to the bit asserts the RTS signal on the port.
Write Bit Value Function
0 Asserts the RTS signal. The Device is allowed to send data to the panel.
1 Negates the RTS signal. The Device is not allowed to send data to the
panel.

Example:
RTS = 1 (B) // Disallow Device to send data to the panel

5. Understand the communication protocol.


6. Write the program. The following is an example:

CHAPTER 3 CREATING PANEL APPLICATIONS 3-36


43
3.4.8. Using Gateway Server of the Target Panel
A gateway server in a HMI allows an application program running on any computing device, such as a PC, to access the
data of the controllers that are connected to that HMI. The HMI behaves as a Modbus device. Your application program
can use the Modbus protocol to access the transfer memory provided by the gateway server.

There are two gateway servers available to be selected for your application. The Serial Gateway Server is for the serial
port connection, and the TCP/IP Gateway Server is for the Ethernet port connection.

Gateway Server Protocol Used Link Type


TCP/IP Gateway Server Modbus TCP/IP Ethernet
Serial Gateway Server Modbus RTU RS-232/422/485

Controller
#1

Computing Device HMI with


(e.g. PC) Gateway Server

Controller
#N

The blue dashed lines shown in the above figure indicate that the PC can access the data of Controller #1 and Controller
#N through the HMI with the help of the gateway server.

3-37 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.4.8.1. Setting up Gateway Service
Suppose that the application has two links: One direct link that connects the target panel and PanelMaster->Null PLC
device through COM1; the other direct link that connects the target panel and Siemens AG->Simatic S7-300(MPI Port)
device through COM2. To use the gateway service, you may do the followings:

1. Create a new link and select Gateway Service (Ethernet) as the Link Type and PanelMaster->TCP/IP Gateway Server
as the Device/Server in Link Properties dialog box.

The gateway service is not necessarily the first link.


Here, it is the third link in the sample application.

2. You need to define the address mapping table for the gateway server because:
■ When your application writes a block of data to the transfer memory of the gateway server, the gateway server
knows the real destination of that block of data, and writes the data to the real destination for your application.

■ When your application program reads a location of the transfer memory of the gateway server, the gateway server
knows the real data source of the read operation, and retrieves the data from the real data source for your application.

To define the address mapping table, click the Address Mapping Table tab in the Link Properties dialog. The following
is an example of the Address Mapping Table page.

The address range of the transfer memory:


No. Modbus Corresponding
1 10001 ~ 10016 N100.0 ~ N100.f
2 10100 ~ 10131 1\W20.0 ~ 1\W21.f
3 10350 ~ 10381 2\Q10.0 ~ 2\Q13.7
4 40001 ~ 40020 $U300 ~ $U319
5 40100 ~ 40139 W250 ~ W289
6 40200 ~ 40229 2\MW70 ~ 2\MW99

CHAPTER 3 CREATING PANEL APPLICATIONS 3-38


43
The following table describes each property in the Address Mapping Table page of the Link Properties dialog box for a
Gateway Service (Ethernet) link.

Property Description
Use Check this option if you want to use mapping block #n.
No The mapping block’s number.
Type Select location type for the mapping block. Bit indicates a bit block, and Word indicates a word
block.
Modbus The starting address in the computing device that is using the Modbus protocol. The address
Address ranges and the location types of the transfer memory are shown in the table.
Address Range Location Type Max. Size of Block Read/Write Note
1~9999 Bit 256 bits Read Only
10001~19999 Bit 256 bits
30001~39999 Word 128 words Read Only
40001~49999 Word 128 words

Size The block size. If the location type is Word, the unit is 1 word. If the location type is Bit, the unit
is 16 bits. For example: The size of the mapping bit block, 3, is 2 words and 32 bits.
Corresponding The starting address of the corresponding controller or the target panel with gateway server.
Address
Cached Check this option to save data into the memory devoted to high-speed retrieval of requested
data.
Refresh Available only when the Cached option is checked. Select Fast to refresh data in the memory
every second. Select Normal to refresh data in the memory every 3 seconds.

Limitations:
1. At most, 32 mapping blocks can be defined.
2. At most, 12 mapping blocks can be cached.
3. At most, 4 of the cached mapping blocks can have fast refresh rate.
4. When reading a block of words or bits, the words or bits must be within a single mapping block, or the read
operation will fail.

3-39 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.5. Sound Table

The sound table contains all the sounds used by the panel application. The sound table is empty when the panel
application is initially created.

In the application, you can use the function button with the play sound operation to play a specified sound.

Before using the sound in a panel application, import or add a sound into the Sound Table.

To open the Sound Table dialog box, please do one of the following:
1) In the Project Manager window, double-click the Sound Table ( ) node of the panel application.
2) In the Project Manager window, right-click the Sound Table ( ) node to bring out the pop-up menu and select
Properties.
3) On the Panel menu, click Sound Table…

The following is an example of the Sound Table dialog box.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-40


43
The following table describes how to read or use each of the items in the dialog box.
Item Description
Sounds Lists the sounds for the panel application. Select a sound as the current selection, or make multiple
selections. To select a sound, click the row of the header column of the sound on the list. To select
multiple rows, click the row of the header column and use Ctrl + Click to add a row to the selection.
The following table describes each column in the sound list.
Column Description
Number The number of the sound in the sound list. The number is an unsigned integer
starting from 0. It must be unique in the panel application. The number can be
edited by clicking the cell.
Name The name of the sound. Click the cell to select a predefined sound in the Sound
Database from the drop down list. To know how to predefine sounds in the
Sound Database, please see Section 2.2.4.
Type Displays the type of sound.

OK Close the dialog box and accept all changes to the sound table.
Cancel Close the dialog box and discard all changes to the sound table.
Import… Import a sound from a sound file. The types of importable sound files include: WAV only.
Add Add a sound from the Sound Database to the end of the sound table. To know how to use the Sound
Database, please see Section 2.2.4.
Insert Insert a sound from the Sound Database before the selection. To know how to use Sound Database,
please see Section 2.2.4. This button is available when the selection is made.
Delete Delete all the selections. This button is available when the selection is made.
Move Up Move the selection one item down in the list. This button is available when the selection is made.
Move Down Move the selection one item up in the list. This button is available when the selection is made.

3-41 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.6. Command Block and Status Words

You can command the panel to do a variety of things using the command block. The command block is a block of words in
the controller or the internal memory. The panel scans the control block periodically and performs the specified operations
according to the contents of the control block. You can decide the size of the command block, the command words that are
required in the command block, and the rate of scanning the command block, so the overhead of reading the command
block is minimized.

The panel can provide its status information by writing status values to the status words. The status words are in the
controller or the internal memory. You can decide the status words that are required for your application so the panel will
not waste time to output useless status values.

3.6.1. Types of Command Block and Status Words


There are three types of control blocks and status words that can be chosen for your application.

3.6.1.1. Type A
■ Type A Command Block
The following command words for the application and their order in the command block are adjustable.

Screen Switching Register


You can command the panel to change the main screen or display a window screen by setting this word to the number of
the desired screen.

Command Flag Word (Command Flags #0 - #15)


The following table describes the function of each bit in the Command Flag Word.
Bit Function Description
0 (reserved)
1 Switch Language Change the language that the panel displays.
Parameter One Register: Specifies the number of the desired language
2 Set Current Recipe Set the current recipe number of the recipe block to the specified recipe number.
Number Parameter One Register: Specifies the recipe number
Parameter Two Register: Specifies the recipe block
Note: You do not need to specify the recipe block if the application has only one
recipe block.
3 Read Recipe From PLC Read a recipe from the specified address defined in the Recipe Block dialog box,
and use that recipe to replace the specified recipe of the specified recipe block.
Parameter One Register: Specifies the recipe number
Parameter Two Register: Specifies the recipe block
Note: You do not need to specify the recipe block if the application has only one
recipe block.
4 Write Recipe To PLC Write the specified recipe of the specified recipe block to the specified address
defined in the Recipe Block dialog box.
Parameter One Register: Specifies the recipe number
Parameter Two Register: Specifies the recipe block
Note: You do not need to specify the recipe block if the application has only one
recipe block.
5 Clear Alarm History Clear the alarm history.
Continued

CHAPTER 3 CREATING PANEL APPLICATIONS 3-42


43
Bit Function Description
6 Clear Alarm Count Clear the alarm counts.
7 Sound Buzzer Sound buzzer.
Parameter One Register: Specifies the sound type.
Sound Type Value Description
0 Continuous beep
1 500ms beeps
2 200ms beeps
3 100ms beeps
4 50ms beeps

8 Print Screen Print the specified screen.


Parameter One Register Operation
(Undefined) Prints the top screen.
0 Prints the top screen.
The number of the screen Prints the specified screen.
to be printed Note: This operation is not supported by
PL035/037/057/058

9 Backlight On Turn the backlight on.


10 Backlight Off Turn the backlight off.
11 Set Current User Level Set the current user level to the specified level.
Parameter One Register: the user level
12 Close All Window Close all window screens.
Screens
13 (reserved)
14 (reserved)
15 Execute General See the section 3.6.7 Using General Commands for details.
Command

Note: To activate any of the above functions, change the corresponding command bit from Off to On. The panel does not
reset the command bit, so you have to reset the command bit before commanding the panel to perform the same
function again. Keep the state of the command bit long enough so the panel can detect the change. The best way is
to use the corresponding acknowledge bit in the Command Status Word. The panel turns on the acknowledge bit
when it detects the change. It is safe to reset the command bit when the acknowledge bit turns on. The panels turns
off the acknowledge bit when it sees the command bit turn off.

3-43 CHAPTER 3 CREATING PANEL APPLICATIONS


3
Low Trigger Word (Trigger Bits #0 - #15), High Trigger Word (Trigger Bits #16 - #31)
You can use the trigger bits to initiate the following operations:
1) Asking the associated data loggers to collect data
2) Asking the associated data loggers to clear their logging buffers
3) Executing event macros
4) Increasing the clock by one hour
5) Decreasing the clock by one hour
6) Logging in
7) Logging out
8) Asking the associated line charts to read and draw a new set of data.
9) Asking the associated line charts to clear its content.
10) Asking the associated scatter charts to read and draw a new set of data.
11) Asking the associated scatter charts to clear its content.

Enabling Word (Enabling Bits #0 ~ #15)


You can use the enabling bits to enable the following operations:
1) The data collection of data loggers

Parameter One Register


This word specifies parameter #1 for the specified operation.

Parameter Two Register


This word specifies parameter #2 for the specified operation.

Parameter Three Register


This word specifies parameter #3 for the specified operation.

Parameter Four Register


This word specifies parameter #4 for the specified operation.

■ Type A Status Words


You can have the following status words for the application.
Status Word Description
Command Status Word
Stores the acknowledge bits of the command bits #0 - #15.
(Command Flag Ack. Bits #0 - -#15)
Low Trigger Ack. Word
Stores the acknowledge bits of the trigger bits #0 - #15.
(Trigger Ack. Bits #0 - #15)
High Trigger Ack. Word
Stores the acknowledge bits of the trigger bits #16 - #31.
(Trigger Ack. Bits #16 - #31)
Current Screen Number Word Stores the current main screen number.
Current Recipe Block ID Word Stores the current recipe block number.
Current Recipe Number Word Stores the current recipe number of the current recipe block.
Current User Level Word Stores the current user level.
Current Language Word Stores the current language number.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-44


43
3.6.1.2. Type H (Binary)
■ Type H (Binary) Command Block

You can have the following command words for the application.

Screen Number Register


You can command the panel to change the main screen or display a window screen by setting this word to the number of
the desired screen. Use this word to request the panel to 1) change the language, 2) turn on the backlight, and 3) turn off
the backlight. The following table describes how to program this word.

Bit Description
0-9 Specifies the screen to be displayed.
11-13 Specifies the language that the panel displays for.
000: The panel does nothing.
001: The panel changes the language to language 1.
010: The panel changes the language to language 2.
...
111: The panel changes the language to language 7.
14 If this bit is On, the panel turns off the back light of the display.
15 If this bit is On, the panel turns on the back light of the display.

Command Flag Register


The following table describes the function of each bit in the Command Flag Register.

Bit Function
0 Clears the alarm history.
1 Clears the alarm counts.
2 (reserved)
3 (reserved)
4 Writes the current recipe of recipe block #0 to the address defined in the Recipe Block dialog box of recipe block
#0.
5 Sets the current recipe number of recipe block #0 to the number specified in Recipe Number Register.
6 Reads the recipe from the address defined in the Recipe Block dialog box of recipe block #0, and use it to
replace the current recipe of recipe block #0.
7 Turns on the buzzer.
8 Used as trigger bit #4.
9 Used as trigger bit #5.
10 Used as trigger bit #6.
11 Used as trigger bit #7.
12 Used as trigger bit #0.
13 Used as trigger bit #1.
14 Used as trigger bit #2.
15 Used as trigger bit #3.

Note: To activate any of the above functions, change the corresponding command bit from Off to On. The panel does not
reset the command bit, so you have to reset the command bit before commanding the panel to perform the same
function again. Keep the state of the command bit long enough so the panel can detect the change. The best way is
to use the corresponding acknowledge bit in the Command Status Word. The panel turns on the acknowledge bit
when it detects the change. It is safe to reset the command bit when the acknowledge bit turns on. The panels turns
off the acknowledge bit when it sees the command bit turn off.

3-45 CHAPTER 3 CREATING PANEL APPLICATIONS


3
Recipe Number Register
The number in this word will be used as the current recipe number of recipe block #0 when bit 5 of Command Flag
Register changes from Off to On.

■ Type H (Binary) Status Words

You can have the following status words for the application.
Status Word Description
Whenever the panel switches the main screen, it sets this word to the number of
Screen Status Word
the current main screen.
Command Flag Ack. Word Contains the acknowledge bits for the command flags of Command Flag Register.
Current Recipe Number Word Stores the current recipe number of recipe block #0.

3.6.1.3. Type H (BCD)

The command words and status words you can have for the application are the same as the H (Binary) type. However, the
values in the following words must be in BCD format: Screen Number Register, Recipe Number Register, Screen Status
Word, and Current Recipe Number Word.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-46


43
3.6.2. General Settings
This section describes how to define the general settings for the command words and the status words using the General
page of the Command & Status dialog box. The following is an example of the General page.

The following table describes each property in the General page.

Property Description
Type Select one of the following three types of control block and status words for your
application:
A, H (Binary), H (BCD)
Use Command Block Check this item if the application needs any of the command words.
Read Address Specify the address of the command block.
Size Specify the size of the command block.
Scan Time Select one of the following rates for the panel to scan the command block:
1 second, 0.5 second, 0.25 second
Command Bit Address Show the valid address range of the bits in the command block. Note that the application
Block Range can only read the bits.
Image Word Show the valid address range of the words in the command block. Note that the
Address application can only read the words.
Range

3-47 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.6.3. Command Block Settings (Type A)
This section describes how to configure the type A command block using the Command Block page of the Command &
Status dialog box. The following is an example of the Command Block page.

The following table describes each property in the Command Block page.

Property Description
Command Arrangement Select Default for the command words to be in the default order in the
Word command block. Select Custom to arrange each command word in the
command block by yourself.
Screen Switching Check this option to use the word to change the main screen, or display a
Register window screen by setting the word to the number of the desired screen.
Reset SSR to Zero If this option is selected, the panel always resets the Screen Switching
Register to zero when it detects a nonzero value in the word. If this option is
not selected, the panel resets the Screen Switching Register to zero only
when the specified screen is valid and not yet displayed.
Parameter One Register Check this option to use this word to specify the No. 1 parameter for the
specified operation.
Command Flags #0 - #15 Check this option to use the command flags to request the panel to perform
(Command Flag Word) the specified operations.
Trigger Bits #0 - #15 Check this option if any of the trigger bits in the word are needed for your
(Low Trigger Word) application.
Parameter Two Register Check this option to use this word to specify the No. 2 parameter for the
specified operation.
Trigger Bits #16 - #31 Check this option if any of the trigger bits in the word are needed for your
(High Trigger Word) application.
Continued

CHAPTER 3 CREATING PANEL APPLICATIONS 3-48


43
Property Description
Command Enabling Bits #0 - #15 Check this option if any of the enabling bits in the word are needed for your
Word (Enabling Word) application.
Parameter Three Check this option to use this word to specify the No. 3 parameter for the
Register specified operation.
Parameter Four Register Check this option to use this word to specify the No. 4 parameter for the
specified operation.
Command Switch Language (#1) Check this option to use command flag #1 to request the panel to display
Flag the specified language. Specify the following:
1) Parameter One Register: the number of the desired language
Set Current Recipe Check this option to use command flag #2 to request the panel to set the
Number (#2) current recipe number of the specified recipe block to the specified recipe
number. Specify the following:
1) Parameter One Register: The recipe number
2) Parameter Two Register: The recipe block
Note: You do not need to specify the recipe block if the application has only
one recipe block.
Read Recipe From PLC Check this option to use command flag #3 to request the panel to read a
(#3) recipe from the specified address defined in the Recipe Block dialog box,
and use that recipe to replace the specified recipe of the specified recipe
block. Specify the following:
1) Parameter One Register: The recipe number
2) Parameter Two Register: The recipe block
Note: You do not need to specify the recipe block if the application has only
one recipe block.
Write Recipe To PLC Check this option to use command flag #4 to request the panel to write the
(#4) specified recipe of the specified recipe block to the specified address
defined in the Recipe Block dialog box. Specify the following:
1) Parameter One Register: The recipe number
2) Parameter Two Register: The recipe block
Note: You do not need to specify the recipe block if the application has only
one recipe block.
Clear Alarm History (#5) Check this option to use command flag #5 to request the panel to clear the
alarm history.
Clear Alarm Count (#6) Check this option to use command flag #6 to request the panel to clear the
alarm counts.
Sound Buzzer (#7) Check this option to use command flag #7 to request the panel to sound its
buzzer in the specified manner.
Specify the following:
1) Parameter One Register: The sound type.
The following table describes the sound type value.
Sound Type Value Description
0 Continuous beep
1 500ms beeps
2 200ms beeps
3 100ms beeps
4 50ms beeps
Continued

3-49 CHAPTER 3 CREATING PANEL APPLICATIONS


3
Property Description
Command Print Screen (#8) Check this option to use command flag #8 to request the panel to print the
Flag specified screen.
Specify the following:
1) Parameter One Register: the number of the screen to be printed
Note 1: The top screen is printed if the number is zero or if there is no
Parameter One Register.
Note 2: The operation of printing a screen that is not the top screen is not
supported by PL035/037/057/058
Backlight On (#9) Check this option to use command flag #9 to request the panel to turn its
backlight on.
Backlight Off (#10) Check this option to use command flag #10 to request the panel to turn its
backlight off.
Set Current User Level Check this option to use command flag #11 to request the panel to set the
(#11) current user level to the specified one.
Specify the following:
1) Parameter One Register: the user level
Close All Window Screens Check this option to use command flag #12 to request the panel to close all
(#12) window screens.
Execute General Check this option to use command flag #15 to request the panel to perform
Command (#15) the specified operation. See the section 3.6.7 Using General Commands for
details.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-50


43
3.6.4. Status Word Settings (Type A)
This section describes how to configure the type A status words for your application using the Status Word page of the
Command & Status dialog box. The following is an example of the Status Word page.

In the Status Word page, check the needed status words for your application, and specify a word variable that will receive
the status value for each checked status word.

The following table describes when and what the panel will write to each status word.
Status Word Description
Command Flag Ack. Bits #0 - #15 The states of all the effective command flags to this word whenever a state
change occurs on the effective command flags.
Trigger Ack. Bits #0 - #15 The states of trigger bits #0 - #15 to this word whenever a state change occurs on
trigger bits #0 - #15.
Trigger Ack. Bits #16 - #31 The states of trigger bits #16 - #31 to this word whenever a state change occurs
on trigger bits #16 - #3.
Current Screen Number Word The number of the current main screen to this word whenever the main screen
changes.
Current Recipe Block ID Word The current recipe block ID to this word whenever a different recipe block
becomes the current recipe block.
Current Recipe Number Word The current recipe number of the current recipe block to this word whenever a
different recipe becomes the current recipe of the current recipe block.
Current User Level Word The current user level to this word whenever the current user level changes.
Current Language Word The current language number to this word whenever it changes the language.

3-51 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.6.5. Command Block Settings (Type H)
This section describes how to configure the type H command block using the Command Block page of the Command &
Status dialog box. The following is an example of the Command Block page.

The following table describes each property in the Command Block page.

Property Description
Command Screen Number Register Use the word to change the main screen, or display a window screen by
Block setting the word to the number of the desired screen. You can also use this
word to request the panel to do the following operations: 1) Change the
language, 2) Turn on the backlight, and 3) Turn off the backlight.
The following table describes how to program this word.
Bit Description
0-9 Specifies the screen to be displayed.
11-13 Specifies the language that the panel displays for.
000: The panel does nothing.
001: The panel changes the language to language 1.
010: The panel changes the language to language 2.
...
111: The panel changes the language to language 7.
14 If this bit is On, the panel turns off the back light of the
display.
15 If this bit is On, the panel turns on the back light of the
display.

Continued

CHAPTER 3 CREATING PANEL APPLICATIONS 3-52


43
Property Description
Reset SNR to Zero If this option is selected, the panel always resets the Screen Number
Register to zero when it detects a nonzero value in the word. If this option
is not selected, the panel resets the Screen Number Register to zero only
when the specified screen is valid and not displayed yet.
Command Flag Register Use the command flags to request the panel to do the specified operations.
Recipe Number Register Use command flag #5 to set the current recipe number for recipe block #0,
specify the recipe number in this word.
Command Clear Alarm History (#0) Check this option to use command flag #0 to request the panel to clear the
Flag alarm history.
Clear Alarm Counts (#1) Check this option to use command flag #1 to request the panel to clear the
alarm counts.
Write Recipe To PLC (#4) Check this option to use command flag #4 to request the panel to write the
current recipe of recipe block #0 to the specified address defined in the
Recipe Block dialog box.
Set Current Recipe Check this option to use command flag #5 to request the panel to set the
Number (#5) current recipe number for recipe block #0.
Specify the following:
1) Recipe Number Register: the recipe number
Read Recipe From PLC Check this option to use command flag #6 to request the panel to read a
(#6) recipe from the specified address defined in the Recipe Block dialog box,
and use that recipe to replace the current recipe of recipe block #0.
Sound Buzzer (#7) Check this option to use command flag #7 to request the panel to sound its
buzzer.
Trigger Bit #4 (#8) Check this option so command flag #8 will be used as trigger bit #4.
Trigger Bit #5 (#9) Check this option so command flag #9 will be used as trigger bit #5.
Trigger Bit #6 (#10) Check this option so command flag #10 will be used as trigger bit #6.
Trigger Bit #7 (#11) Check this option so command flag #11 will be used as trigger bit #7.
Trigger Bit #0 (#12) Check this option so command flag #12 will be used as trigger bit #0.
Trigger Bit #1 (#13) Check this option so command flag #13 will be used as trigger bit #1.
Trigger Bit #2 (#14) Check this option so command flag #14 will be used as trigger bit #2.
Trigger Bit #3 (#15) Check this option so command flag #15 will be used as trigger bit #3.

3-53 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.6.6. Status Word Settings (Type H)
This section describes how to configure the type H status words for your application using the Status Word page of the
Command & Status dialog box. The following is an example of the Status Word page.

In the Status Word page, check the needed status words for your application and specify a word variable that will receive
the status value for each checked status word.

The following table describes when and what the panel will write to each status word.
Status Word Description
Screen Status Word The panel will write the number of the current main screen to this word whenever
the main screen changes.
Command Flag Ack. Word The panel will write the states of all the effective command flags to this word
whenever there a state change occurs on the effective command flags.
Current Recipe Number Word The panel will write the current recipe number of recipe block #0 to this word
whenever a different recipe becomes the current recipe of recipe block #0.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-54


43
3.6.7. Using General Commands
This section describes how to use the general commands provided by the type A command block. To issue a general
command, specify necessary parameters in the parameter registers and then turn on command flag #15 in Command Flag
Register.

You can request the panel to perform the following file operations using the General Command and the default filename:
Parameter One
Parameter Two Register
Operation Register Default Filename Format
(Data ID)
(Operation code)
Save logged data to TXT file 1 ID of the data logger (0-15) DL<ID>_<Date>_<Time>.txt
Save logged data to CSV file 14 ID of the data logger (0-15) DL<ID>_<Date>_<Time>.csv
Save logged alarms to TXT file 2 (Not required) AL_<Date>_<Time>.txt
Save logged alarms to CSV file 15 (Not required) AL_<Date>_<Time>.csv
Save alarm counts to TXT file 3 (Not required) AC_<Date>_<Time>.txt
Save alarm counts to CSV file 16 (Not required) AC_<Date>_<Time>.csv
Save recipe data to TXT file 4 ID of the recipe block (0-15) RB<ID>.txt
Save recipe data to CSV file 17 ID of the recipe block (0-15) RB<ID>.csv
Save recipe data to DAT file 5 ID of the recipe block (0-15) RB<ID>.dat
Print screen to BMP file (256 6 Number of the screen S<ID>_<Date>_<Time>.bmp
colors)
If the target panel is PE, the
color resolution follows the
setting of the PC
Print screen to BMP file (64K 7 Number of the screen S<ID>_<Date>_<Time>.bmp
colors)
If the target panel is PE, Print
screen to JPG file
Save logged operations to TXT 9 (Not required) OL_<Date>_<Time>.txt
file
Save logged operations to 18 (Not required) OL_<Date>_<Time>.csv
CSV file
Save logged data to LDF file 10 ID of the data logger (0-15) DL<ID>_<Date>_<Time>.ldf
Take picture and save it to 12 ID of the USB camera (0-3) CAM<ID>_<Date>_<Time>.bm
BMP file p
Take picture and save it to 13 ID of the USB camera (0-3) CAM<ID>_<Date>_<Time>.jpg
JPG file

Note for default filename format:


<ID>: ID of the data logger, ID of the recipe block, ID of the USB camera, or number of the screen
<Date>: date when saving the data; format is YYMMDD
<Time>: time when saving the data; format is hhmmss

3-55 CHAPTER 3 CREATING PANEL APPLICATIONS


3
You can request the panel to perform the following file operations using the General Command and the specified
filename:
Operation Parameter One Register Parameter Two Parameter Three Register
(Operation code) Register (Data ID) (Specified filename)
Save logged data to 31 ID of the data Specifies the address in the internal
TXT file logger (0-15) memory $U that stores the specified
filename or full pathname. The name
must be a valid Windows pathname
with ASCII characters only. The
character string must be null terminated
and each character occupies one byte.
The maximum length of the string is
127. All the folders stated in the full
pathname must already exist or the file
operation will fail. For example, if the
number stored in this register is 400, it
means the specified filename is stored
in $U400.
Save logged alarms 32 (Not required) Same as above
to TXT file
Save alarm counts to 33 (Not required) Same as above
TXT file
Save recipe data to 34 ID of the recipe Same as above
TXT file block (0-15)
Save recipe data to 35 ID of the recipe Same as above
DAT file block (0-15)
Save logged 39 (Not required) Same as above
operations to TXT file
Save logged data to 40 ID of the data Same as above
LDF file logger (0-15)
Take picture and save 42 ID of the USB Same as above
it to BMP file camera (0-3)
Take picture and save 43 ID of the USB Same as above
it to JPG file camera (0-3)

CHAPTER 3 CREATING PANEL APPLICATIONS 3-56


43
3.7. Setting up Clock Operations

This section describes how to define Clock Operations for the panel application using the Clock dialog box. The following is
an example of the Clock dialog box.

The following table describes each property in the Clock dialog box.
Property Description
Write Write Time/date to Select this option so the panel will write time and date information to the specified
PLC variable.
Time/date Data Type Select one of the following data types for the output time and data information.
Data Type Description
6 BCD bytes The following shows the data structure.
Byte No. Content
0 Minute; 0-59
1 Hour; 0-23
2 Day; 1-31
3 Month; 1-12
4 Year; 00-99
5 Day-of-week; 0(Sunday)-6(Saturday)
Note: All the values are in BCD format.

Continued

3-57 CHAPTER 3 CREATING PANEL APPLICATIONS


3
Property Description
Write Time/date Data Type
Data Type Description
8 BCD bytes The following shows the data structure.
Byte No. Content
0 Minute; 0-59
1 Hour; 0-23
2 Day; 1-31
3 Month; 1-12
4 Year; 00-99
5 Day-of-week; 0(Sunday)-6(Saturday)
6 Second; 0-59
7 0
Note: All the values are in BCD format.
7 BCD words The following shows the data structure.
Word No. Content
0 Second; 0-59
1 Minute; 0-59
2 Hour; 0-23
3 Day; 1-31
4 Month; 1-12
5 Year; 00-99
6 Day-of-week; 0(Sunday)-6(Saturday)
Note: All the values are in BCD format.
7 binary words The following shows the data structure.
Word No. Content
0 Second; 0-59
1 Minute; 0-59
2 Hour; 0-23
3 Day; 1-31
4 Month; 1-12
5 Year; 00-99
6 Day-of-week; 0(Sunday)-6(Saturday)

Write Address Specifies the variable that will receive the output time and date information.
Write Timed When this item is selected, the panel writes time and date information to the
Operation specified variable periodically at a rate specified in the Interval field. Specify an
interval between 1 and 255 minutes.
Triggered When this item is selected, the panel writes time and date information to the
specified variable whenever the specified trigger bit changes from Off to On.
Continued

CHAPTER 3 CREATING PANEL APPLICATIONS 3-58


43
Property Description
Read Synchronize Panel Select this option so the panel will read time and date information from the
with PLC specified variable and adjust its clock accordingly.
Time/date Data Type Specifies the data type for the input time and data information. For details, see the
description of the Time/date Data Type field of the Write group.
Read Address Specifies the variable that the panel will read the time and date information.
Do not run panel Select this option so the panel application does not run until the restart
application until the synchronization is done successfully.
restart synchronization
is done successfully
Read Timed When this item is selected, the panel reads time and date information from the
Operation specified variable periodically at a rate specified in the Interval field. Specify an
interval between 1 and 255 minutes.
Triggered When this item is selected, the panel reads time and date information from the
specified variable whenever the specified trigger bit changes from Off to On.
Increase Hour Select this option to increase the panel's clock by one, by changing the specified
trigger bit from Off to On.
Decrease Hour Select this option to decrease the panel's clock by one, by changing the specified
trigger bit from Off to On.

3-59 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.8. Setting up Passwords

This section describes how to set up passwords for the panel application using the Passwords dialog box. The following is
an example of the Passwords dialog box.

The following table describes each property in the Passwords dialog box.

Property Description
Password The Password column contains 8 fields. Specify the password for a user level in the
corresponding field. A password is a positive integer up to 8 digits. A password must be
unique within the application.
Comment The Comment column contains 8 editable fields. You can type the comment for a
password or user level in the corresponding field.
9 Check this item if you want the developer password to be the password with the highest
privilege.
Automatic login for The password keypad will be displayed to enter a password for a higher user level when
operations requiring a the operator touches an object that requires a higher user level than the current one in
higher user level order to perform the programmed operation.
Login Trigger Bit When the specified trigger bit changes from Off to On, the password keypad will be
displayed to enter a password. The operator can enter a valid password or cancel the
password keypad.
Logout Trigger Bit When the specified trigger bit changes from Off to On, the current user level is reset to 0.
Login Timeout The password keypad will close automatically when it gets no input from the operator for
the specified time.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-60


43
3.9. Screens

3.9.1. Types of Screens


There are three types of screens: Normal Screen, Window Screen and Menu Screen.
To create any type of screen, you can do the following:
1) Create a screen. Default is a normal screen. To learn how to create a screen, please see Section 3.9.2 for details.
2) Open Screen Properties dialog box. To learn how to open the dialog box, please see Section 3.9.3 for details.
3) In the dialog box, select the type you would like the screen to be.

The following table describes how each type of screen opens, closes, and displays.

Types Description
Normal Screen A screen that will be displayed when it is selected to be a startup screen, or when a screen button
with open screen/previous screen operation is pressed.

Usually the normal screen cannot be closed until the other normal screen is opened.

The normal screen is also called a main screen that is only displayed one at a time in the panel.
The screen size is fixed and depends on the panel model.
Window Screen A screen that appears in the following situations:
z Screen button with open screen operation is pressed
z Selected to be a startup screen
z OPEN_WS macro command is used.
z Alarm is active or clear when the display screen option in the discrete/analog alarm block is
selected
z Page selector object is used
z Custom keypad is needed

Usually the window screen stays on the normal screen until the close button is pressed on the title
bar or the screen button or CLOSE_WS macro command to close. It then disappears.

The panel can display many window screens at a time.


At runtime, the window screen will initially be displayed at the predefined position. If the window
screen has the title bar, click-and-hold the title bar to move it around in the panel.
Menu Screen A screen that is displayed when it is selected to be a startup screen, or when a screen button with
the open screen operation is pressed.

The menu screen remains on the normal screen or window screen, until an area outside the menu
screen is pressed, or the screen button is used to close the menu screen. The menu screen then
closes.

The panel can display one menu screen at a time.


The menu screen can slide horizontally into view from either the left or right side of the screen. It
can also appear by the left or right side of the button and slide upward or downward into view.
Please see Section 5.3.4 to learn how to use the screen button to set up the position of the menu
screen.

Usually the menu screen stays on the normal screen or window screen until you press anywhere
outside the menu screen or use screen button to close. It then disappears.

3-61 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.9.2. Creating and Opening Screens
■ Creating Screens
To create a screen, you can do the following:
1) Do one of the following:
z On the Screen menu, click New Screen…
z In the Project Manager window, right-click the panel application > Screens item and then click New Screen… on
the pop-up menu.
2) In the New Screen dialog box, type the name and number desired, and hit the ENTER key or click the OK button to
validate your choice. The following is an example of the New Screen dialog box.

Specify the screen name. Screen names are case


insensitive. For example, the names Startup Screen,
startup screen are considered to be the same.

Specify the screen number. The screen number must


be between 1 and 7999.

Note: In each panel application, both the screen name and the screen number have to be unique.

■ Opening Screens
To open a screen, you can do the following:
1) In the Project Manager window, double click the screen you want to open
2) On the Screen menu, click Open Screen… In the Open Screen dialog box, select one or multiple screens and click
Open button to open all the selected screens.
The following is an example of Open Screen dialog box.

To select a screen, click the


row of the screen in the list.

To select multiple screens,


click one row and use Ctrl +
Click to add additional rows to
the selection.

To select continuous screens,


click one row and hold the Shift
key and click the last row.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-62


43
■ Activating Screens after Opening
To uncover any screen that is partially or completely obscured by other screens, you can do the following:
1) In the Project Manager window, double click the screen which is not at the top.
2) On the Window menu, click the screen you need to activate. Or click Windows… to bring out the Windows dialog box.
In the Windows dialog box, select the screen and then click Activate button.
3) Click anywhere on the screen. If the screens are maximized, click on the title tab of the screen.

3.9.3. Setting up a Screen


You can set up the screen with the Screen Properties dialog box.
To set up a screen, right click Panel Application > Screens > screen to set up in the Project Manager window, and then
click Properties on the pop-up menu.

To set up a current screen (an opened screen which is at the top), do one of the following:
1) In the Project Manager window, double click the current screen.
2) Right click the blank area on the current screen, and then click Screen Properties… on the pop-up menu.
3) On the Screen menu, click Screen Properties…

The Screen Properties dialog box contains the following pages. Some of the pages appear only when they are needed.

■ General
Described in Section 3.9.3.1.
■ Background
Described in Section 3.9.3.2.
■ Keys
Described in Section 3.2.2.
■ Open Macro / Close Macro / Cycle Macro
Described in Section 14.2.6.

3-63 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.9.3.1. General Page

This section describes how to define the general settings for a screen. The following is an example of the General page of
the Screen Properties dialog box.

The following table describes each item in the General page.

Property Description
Screen Number The number of the screen. It must be between 1 and 7999.
Screen Name The name of the screen.
Use This Screen Check this option to use the screen.
Type Specifies the type of the screen. There are three types: Normal Screen, Window
Screen and Menu Screen. Please see Section 3.9.1 for details.
Continued

CHAPTER 3 CREATING PANEL APPLICATIONS 3-64


43
Property Description
Width Specifies the width (in pixels) of the screen. This field is available to edit when the
Type is Window Screen and Menu Screen.
Height Specifies the height (in pixels) of the screen. This field is available to edit when the
Type is Window Screen and Menu Screen.
Shown on Display Center Check this option to show the window screen on the display center. This field is
available when the Type is Window Screen.
Shown At Check this option to show the window screen at the specified position. This field is
available when the Type is Window Screen.
X Specifies the X coordinate of the window screen’s upper-left corner in pixels on the
normal screen.
Y Specifies the Y coordinate of the window screen’s upper-left corner in pixels on the
normal screen.
Title Bar Select this option to show a title bar with the specified title with the window screen
when the Type is Window Screen.
Close Button Select this option for the window screen to have a close Button when the Type is
Window Screen and the Title Bar field is checked.
Language Select a language to view and edit the settings of the title for that language. This field
is available when the Type is Window Screen and Title Bar field is checked.
Title
Specifies the title or select the title from text database for the Title Bar. Click to
select the text from text database. Click to edit text. This field is available when
the Type is Window Screen and Title Bar field is checked.
Base <Check Box> Check this option to have a base screen for the current screen
Screen <Combo Box> Specifies the screen to be a base screen. This field is available when the Base
Screen is checked.
OPEN Macro Check this item for the screen to have the OPEN macro.
An Open Macro is run once when the associated screen is being opened. The target
panel will not display the screen until the Open Macro terminates. Use OPEN macro
to initialize global data and settings for the screen.
CLOSE Macro Check this item for the screen to have the CLOSE macro.
A Close Macro is run once when the associated screen is being closed. The target
panel will not erase the screen until the Close Macro terminates.
CYCLE <Check Box> Check this item for the screen to have the CYCLE macro.
Macro A Cycle Macro is run continuously while the associated screen is open. The target
panel runs Cycle Macros cyclically, i.e. a Cycle Macro will run beginning with the first
command each time after it completes the processing of the last command of the
macro, or when it encounters an END command in the middle of the macro. The
cycle macro terminates immediately when the screen is closed.
Cycle Macro Specifies the delay time in 0, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000
Delay Time millisecond for the cycle macro.
Print Whole Screen Check this item to print the whole screen by Command Flag or Function Button or
Macro Command
Upper-left Specifies the X and Y coordinates in pixels for the upper-left corner of the screen’s
printing area. The field is available when Whole Screen item is unchecked.
Lower-Right Specifies the X and Y coordinates in pixels for the lower-right corner of the screen’s
printing area. The field is available when Whole Screen item is unchecked.
Position on Paper Specifies the X and Y coordinates in millimeters for the position where the specified
area of the screen will print on paper.
Continued

3-65 CHAPTER 3 CREATING PANEL APPLICATIONS


3
Property Description
Percentage of data scan time allocated to Select the percentage of data scan time allocated to the fast scan
the fast scan among 50%, 66%, 75%, 80%, 86% and 90%.
Note: With a bigger percentage, the data scan time is faster to the tag
with fast scan rate. However, data scan time is slower to the tag with
normal scan rate.
What to show for Blank Select this item to show blank for an object’s content before its
an object’s content corresponding data is scanned for the object.
before its Last scanned data Select this item to show last scanned data or blank for an object’s
corresponding data or blank content before its corresponding data is scanned for the object.
is scanned for the
object? Last scanned data Select this item to show last scanned data or zero for an object’s content
or zero before its corresponding data is scanned for the object.
Operable under window screen Check this option to make the screen operable under window screen.
This field is available only when the Type is Normal Screen.
Numeric keypad remains open for Check this option for numeric keypad to remain open for continuous
continuous data entry data entry.
Note Type a note for the screen.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-66


43
3.9.3.2. Background Page

This section describes how to define the background of a screen. The following is an example of the Background page of
the Screen Properties dialog box.

The following table describes each item in the Background page.

Property Description
Solid Color Check this option for the screen background to be filled with a solid color.
<Solid Color> Click the corresponding color button to specify the color used to fill the background.
This item is available when Solid Color option is selected.
Tile Check this option for the screen background to be filled with a pattern.
Pattern Specify the pattern used to fill the background. Click the corresponding Pattern icon
and select a pattern from the Pattern palette. This item is available when Tile option
is selected.
FG Color The color used to paint the black part of the pattern. When the solid white pattern is
selected, this color is not used. This item is available when Tile option is selected.
BG Color The color used to paint the white part of the pattern. This item is available when Tile
option is selected.
Picture Check this option to have a picture background for the screen.
<Name> The name of the picture. Use the drop-down list to select a picture from the picture
database.
Click to select a picture file. Then, the picture of the selected file is imported
and saved in the picture database.
Click to bring up the Select/Import from Library dialog box. Select a picture
from a picture library file. Then, the selected picture is imported and saved in the
picture database.
Stretch Check this item so the picture can change its size automatically to fit the screen.

3-67 CHAPTER 3 CREATING PANEL APPLICATIONS


3
3.9.4. Importing/Exporting a Screen
This section describes how to export a screen and import a screen regardless of the panel model and screen size.

■ Importing a screen
1) Right-click Panel Application > Screens item in the Project Manager window to bring out the pop-up menu and then
use Import Screen…
2) Click the *.snf file you want to create a new screen from. To open a screen that was saved in a different folder, locate
and open the folder first.
3) Click Open.

■ Exporting a screen
If you have screen you want to reuse, you can export the screen as a .snf file. You can do the following:
1) In the Project Manager window, click the screen to export
2) Right-click on the screen to display the screen item's "pop-up menu"; and then click Export Screen...
3) To save a screen in a different folder, locate and open the folder first, then click Save.

3.9.5. Cutting/Copying/Pasting/Deleting a Screen

■ Copying or Cutting and Pasting a Screen


To copy/cut a screen which is opened and activated, right click the blank area on the screen, and then click Copy
Screen/Cut Screen on the pop-up menu, or use the Copy Screen/Cut Screen command On the Screen menu.

After Copying or Cutting, you can paste the screen by right clicking the blank area on any of the screen, and then use
Paste Screen on the pop-up menu or the Paste Screen command On the Screen menu.

■ Deleting a Screen
To delete a screen which is opened and activated, right click the blank area on the screen, and then click Delete Screen on
the pop-up menu or use the Delete Screen command on the Screen menu.

To delete a screen from Project Manager window, locate the screen to delete and right-click on the screen node to use the
Delete command on the pop-up menu. Confirm the deleting operation.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-68


43
3.9.6. Saving Screens as Pictures
This section describes how to save screens as pictures.

■ Saving a screen as a picture


To save a current screen as the bmp or jpg file, you can do the following.
1) Open and activate the screen as a current screen
2) Right click anywhere on the current screen, and then click Save Current Screen as Picture… on the pop-up menu.
- or -
On the Screen menu, click Save Current Screen as Picture…

■ Saving multiple screens as pictures


You can also use the Save Screens as Pictures dialog box to save a screen or multiple screens as bmp or jpg files. To
open the dialog box, click Save Screens as Pictures… on the Screen menu.

The following is an example of the Save Screens as Pictures dialog box.

3-69 CHAPTER 3 CREATING PANEL APPLICATIONS


3
The following table describes each item in the dialog box.

Property Description
Panel Application The application Name.
Screen The screen list shows all the screens in the panel application. Click the column
header to sort the items.
The following table describes each column in the screen list.
Column Description
Number The screen number. Check the box before the screen
number to save the screen as a picture file.
Name The screen name.
Filename The Filename. The default filename is Screen
Name+Language Name+S+State Number.
Note: If any of the characters such as /\:*?"<>| in the screen
name, they will be converted to underscore ( _ ).

Check All Click the button to check all the screens.


Uncheck All Click the button to uncheck all the screens.
Selections Language The language used to display the text of objects.
State The state that displays the state of objects.
File Type Select the file type. There are two types: bmp and jpg.
Save in Specifies the folder to locate the files. If the file exists in the folder, it will be replaced
Folder by the new one.
Print Screen Check this option to display general screen information, such as foot note. The
Name as format of the foot note is Screen Name (#Screen Number); Screen WidthXScreen
Foot Note Height.
Progress <Screen Show the selected screen or the screen which is being saved. To select a screen,
View> click its row in the screen list.
<Progress Show the saving progress after the Save button is clicked.
Bar>
Save Click the button to save all the selections with the specified conditions.
Close Click the button to exit the dialog box.

CHAPTER 3 CREATING PANEL APPLICATIONS 3-70


CHAPTER 4

DESIGNING SCREENS

4.1. Drawing Basic Shapes .................................................................................. 1


4.1.1. Drawing Dots................................................................................................................. 2
4.1.2. Drawing Lines ............................................................................................................... 3
4.1.3. Drawing Polylines ......................................................................................................... 5
4.1.4. Drawing Rectangles....................................................................................................... 8
4.1.5. Drawing Circles ........................................................................................................... 11
4.1.6. Drawing Ellipses.......................................................................................................... 13
4.1.7. Drawing Arcs ............................................................................................................... 15
4.1.8. Drawing Pie Shapes..................................................................................................... 16
4.1.9. Drawing Polygons ....................................................................................................... 18
4.1.10. Drawing Text Objects .................................................................................................. 21
4.1.11. Drawing Picture Objects.............................................................................................. 24
4.1.12. Drawing Scales ............................................................................................................ 26
4.1.13. Drawing Tables ............................................................................................................ 28
4.2. Editing Objects ........................................................................................... 32
4.2.1. Selecting and De-selecting Objects ............................................................................. 32
4.2.2. Basic Operations with the Selected Area..................................................................... 32
4.2.3. Duplicating Objects ..................................................................................................... 34
4.2.4. Aligning Objects.......................................................................................................... 35
4.2.5. Making Objects Same Size.......................................................................................... 36
4.2.6. Arranging the Order of Objects ................................................................................... 36
4.3. Designing Object Appearance ................................................................... 38
4.3.1. Selecting a Color.......................................................................................................... 40
4.3.2. Selecting a Pattern ....................................................................................................... 41
4.3.3. Selecting a Graphical Shape ........................................................................................ 41
4.3.4. Setting up the Shape of an Object................................................................................ 44
4.3.5. Label Settings .............................................................................................................. 45
4.3.6. Text Settings ................................................................................................................ 49
4.3.7. Picture Settings ............................................................................................................ 51
4.3.8. External Label Settings................................................................................................ 53

-i-
4.4. Setting up Objects ...................................................................................... 55
4.4.1. States of Objects .......................................................................................................... 55
4.4.2. Operation Options of Objects ...................................................................................... 57
4.4.3. Address Settings .......................................................................................................... 58
4.4.4. Scale Settings............................................................................................................... 61
4.4.5. Advanced Settings ....................................................................................................... 63
4.4.6. Visibility Settings......................................................................................................... 65

- ii -
4
4.1. Drawing Basic Shapes
The software provides a drawing tool you can use to create simple or elaborate drawing shapes such as lines, rectangles,
circles, arcs etc.

To create a drawing shape, click the shape on the Draw Toolbar (See Section 1.4.2.3 Draw Toolbar for details), or use the
command on the Draw menu (See Section 1.4.1.5 Draw menu for details). Then, move the mouse to the position you want
to place the shape and click the left button. To set up a drawing shape, double-click the shape to bring up the
corresponding properties dialog, which can then allow you to set up the color and style of the line/outlined, pattern, FG/BG
Color…of the shape.

Note: If you don’t see the Draw Toolbar pictured below in the lower left corner of the program window, please click the
Draw Toolbar command on the View menu.

The following is a sample of the basic shapes:

4-1 CHAPTER 4 DESIGNING SCREENS


4
4.1.1. Drawing Dots

1. In the Draw menu or Draw toolbar, click Dot .


2. Move the cursor onto the screen where you want to draw a dot. A dot with default settings will display and move
along with the cursor.
3. Click the desired position on the screen to place the dot. The center of the dot will be at the clicked position.
4. Double-click the dot to bring up the Dot dialog box and then modify the settings of the dot.

The following is an example of the Dot dialog box.

The following table describes each property in the Dot dialog box.

Property Description

Select one of the dot styles listed below:

Style

Color Specifies the dot color.


X Specifies the X coordinate of the upper-left corner of the dot.
Position
Y Specifies the Y coordinate of the upper-left corner of the dot.

5. You can click the following icons in the Draw toolbar to modify the properties of the dot.

Click Icon To

Select a style for the dot.

Select a color for the dot.

CHAPTER 4 DESIGNING SCREENS 4-2


4
4.1.2. Drawing Lines

1. In the Draw menu or Draw toolbar, click Line to draw a straight line. You can also click Horizontal Line

to draw a horizontal line or click Vertical Line to draw a vertical line.


2. Move the cursor onto the screen where you want to draw a line. A line with default settings will display and move
along with the cursor.
3. Click the desired position on the screen to place the line. The start point of the line will be at the clicked position.
4. Drag the handle at the start point to adjust the position of the start point. Drag the handle at the end point to adjust
the position of the end point.

The picture on the left shows the two handles of a line. Position the mouse
pointer over one of the handles. When the cursor changes to , drag the handle
until the line has the length and slope you want.

5. Left-click and hold down the mouse button until the cursor becomes a cross icon to move the line.
6. Double-click the line to bring up the Line dialog box and then modify the settings of the line. The following is a
sample of the Line dialog box.

4-3 CHAPTER 4 DESIGNING SCREENS


4
The following table describes each property in the Line dialog box.
Property Description
Type Specifies the type of line: General, Horizontal, or Vertical.
Style Click the button to select the
line style from the dropdown
window shown on the right:

Color Static Check this option if the color of the line will not be changed.
Controlled By Bit Check this option if the color of the line will be controlled by the specified bit.
Blink Check this option so the line will blink. You have to choose the blink effects
that change the color of the line from its On state color to Off state color.
Blink(Enabled by Bit) Check this option if you want to enable the line blinking by the specified bit.
State Select the state that you want to view or define the color for.
Color Specifies the line color for the selected state.
Control Bit Specifies the bit that controls the color or enables the color blinking.
Click to enter the bit address. Click to enter the bit tag.
Start / End Start/End Point Select this option if you want the line to have a shape at the start/end point.
Point Type Click the dropdown list to select the type for Start/End Point

Start Point Type: End Point Type:

Filled Select this option if you want the shape to be filled with the line color.
Size Specifies the shape size.
Visibility Visibility Controlled Check this option if the line will be shown or hidden by the specified bit.
Control By Bit
Control Bit Specifies the bit that shows or hides the object.
Click to enter the bit address. Click to enter the bit tag.
Visible State Specifies the state (On or Off) that makes the line visible.
Terminal X1 The X coordinate of the start point.
Y1 The Y coordinate of the start point.
X2 The X coordinate of the end point.
Y2 The Y coordinate of the end point.

7. You can click the following icons in the Draw toolbar to modify the properties of the line.

Click Icon To

Select a style for the line.

Select a color for the line.

CHAPTER 4 DESIGNING SCREENS 4-4


4
4.1.3. Drawing Polylines

1. In the Draw menu or Draw toolbar, click Polyline to draw a polyline.


2. Move the cursor onto the screen where you want to draw a polyline, and click the position where you want the start
point of the polyline to be at.
3. Continue clicking on the screen to place as many points needed for nodes in the polyline.
4. Right-click to place the last point for the polyline and complete the polyline.
5. Drag one blue handle of the polyline at a time to resize the polyline.
6. Drag one black handle of the polyline at a time to adjust the node positions of the polyline.

The picture on the left shows all the blue and black handles of a polyline.
Position the mouse pointer over one of the handles. When the cursor
changes to or or or , drag the handle until the polyline is
the shape and size you want.

7. Right-click anywhere on the polyline and use the Insert Point command on the object pop-up menu to insert a new
point for the polyline. Or right-click the existing point of the polyline and use the Delete Point command on the object
pop-up menu to delete the point.

Pop-up menu Description


Add a point at the specified position.

Insert Point

Delete a selected point.

Delete Point

4-5 CHAPTER 4 DESIGNING SCREENS


4
8. Double-click the polyline to bring up the Polyline dialog box and then modify the settings of the polyline.

The following is a sample of the Polyline dialog box.

The following table describes each property in the Polyline dialog box.
Property Description
Line Style Specifies the style of the polyline.
Color Static Check this option if the color of the polyline will not be changed.
Controlled By Bit Check this option if the color of the polyline will be controlled by the specified
bit.
Blink Check this option so the polyline will blink. You have to choose the blink
effects that change the color of the polyline from its On state color to Off state
color.
Blink(Enabled by Check this option if you want to enable the polyline blinking by the specified
Bit) bit.
State Select the state that you want to view or define the color for.
Color Specifies the line color for the selected state.
Control Bit Specifies the bit that controls the color or enables the color blinking.
Click to enter the bit address. Click to enter the bit tag.
Start Point Start Point Select this option if you want the polyline to have a shape at the start point.
Type Specifies the shape type.
Filled Select this option if you want the shape to be filled with the line color.
Size Specifies the shape size.
End Point End Point Select this option if you want the polyline to have a shape at the end point.
Type Specifies the shape type.
Filled Select this option if you want the shape to be filled with the line color.
Size Specifies the shape size.
Continued

CHAPTER 4 DESIGNING SCREENS 4-6


4
Property Description
Visibility Visibility Controlled Check this option if the polyline will be shown or hidden by the specified bit.
Control By Bit
Control Bit Specifies the bit that shows or hides the polyline.
Click to enter the bit address. Click to enter the bit tag.
Visible State Specifies the state (On or Off) that makes the line visible.
Profile Left The X coordinate of the upper-left corner of the bounding rectangle of the
polyline.
Top The Y coordinate of the upper-left corner of the bounding rectangle of the
polyline.
Width The width of the bounding rectangle of the polyline.
Height The height of the bounding rectangle of the polyline.

9. You can click the following icons in the Draw toolbar to modify the properties of the polyline.

Click Icon To

Select a style for the polyline.

Select a color for the polyline.

4-7 CHAPTER 4 DESIGNING SCREENS


4
4.1.4. Drawing Rectangles

1. In the Draw menu or Draw toolbar, click Rectangle to draw a normal rectangle. You can also click Round

Rectangle to draw a round rectangle or click Clipped Rectangle to draw a clipped rectangle.
2. Move the cursor onto the screen where you want to draw a rectangle. A rectangle with default settings will display
and move along with the cursor.
3. Click the desired position on the screen to place the rectangle. The upper-left corner of the rectangle will be at the
clicked position.
4. Drag one handle of the rectangle at a time to resize the rectangle.
The picture on the left shows the eight handles of a rectangle. Position the mouse pointer
over one of the handles. When the cursor changes to or or or , drag the
handle until the rectangle is the shape and size you want.

5. Double-click the rectangle to bring up the Rectangle dialog box and then modify the settings of the rectangle. The
following is a sample of the Rectangle dialog box.

The following table describes each property in the Rectangle dialog box.
Property Description
Specifies the type of the rectangle. There are three types: Normal, Round, or Clipped.
Normal Round Clipped
Type

Continued

CHAPTER 4 DESIGNING SCREENS 4-8


4
Property Description
Number Specifies the size of the clipped corners if the rectangle is a clipped rectangle. Specifies the radius
of Dots of the round corners if the rectangle is a round rectangle.
Specifies the 3D visual effect for the rectangle. There are three effects: Flat, Raised, or Sunken.

Effects Samples Description


Flat You can specify the Color and
Style for the Border if it is
selected.

Thickness field is not available


when flat is selected.

Raised You can specify the color for the


top and left edges. The software
will darken the specified color
and draw in the bottom and right
edges for you.
3D
Border and Style field is not
available when Raised is
selected.

Sunken You can specify the color for the


bottom and right edges. The
software will darken the specified
color and draw in the top and left
edges for you.

Border and Style field is not


available when Sunken is
selected.

Continued

4-9 CHAPTER 4 DESIGNING SCREENS


4
Property Description
Color Static Check this option if the color of the rectangle will not be changed.
Control Check this option if the color of the rectangle will be controlled by the specified
Controlled By Bit
bit.
Blink Check this option so the rectangle will blink. You have to choose the blink
effects that change the color of the rectangle from its On state Border and Solid
option settings to Off state Border and Solid option settings.
Blink(Enabled by Check this option if you want to enable the rectangle blinking by the specified
Bit) bit.
Specifies the bit that controls the color or enables the blinking.
Control Bit
Click to enter the bit address. Click to enter the bit tag.
State Select the state that you want to view or define the colors for.
Border Border Check this option if you want the rectangle to have a border.
Thickness Specifies the thickness of the border.
Color Specifies the border color for the selected state.
Style Select a line style for the border.
Solid Check this option if you want the rectangle to be solid. A solid rectangle is filled
Solid with the specified pattern and colors. This field is available when Border is
selected.
Pattern Specifies the fill pattern for the selected state.
Specifies the color for the selected state that will be used for painting the black
FG Color
part of the fill pattern.
Specifies the color for the selected state that will be used for painting the white
BG Color
part of the fill pattern.
Profile Left The X coordinate of the upper-left corner of the rectangle.
Top The Y coordinate of the upper-left corner of the rectangle.
Width The width of the rectangle.
Height The height of the rectangle.
Visibility Visibility
Check this option if the rectangle will be shown or hidden by the specified bit.
Control Controlled By Bit
Specifies the bit that shows or hides the rectangle.
Control Bit
Click to enter the bit address. Click to enter the bit tag.
Visible State Specifies the state (On or Off) that makes the rectangle visible.

6. You can click the following icons in the Draw toolbar to modify the properties of the rectangle.

Click Icon To

Select a line style for the border.

Select a color for the border.

Select a color for painting the white part of the fill pattern.

Select a pattern for the fill pattern.

Select a color for painting the black part of the fill pattern.

CHAPTER 4 DESIGNING SCREENS 4-10


4
4.1.5. Drawing Circles

1. In the Draw menu or Draw toolbar, click Circle to draw a circle.


2. Move the cursor onto the screen where you want to draw a circle. A circle with default settings will display and move
along with the cursor.
3. Click the desired position on the screen to place the circle. The center of the circle will be at the clicked position.
4. Position the mouse pointer over the handle on the edge of the circle. When the cursor changes to or , drag
the handle until the circle is the size you want.

5. Position the mouse pointer over the handle on the center of the circle. When the cursor changes to , left-click the
center and hold down the button to move the circle.

The picture on the left shows the two handles of a circle.

6. Double-click the circle to bring up the Circle dialog box to modify the settings of the circle.

The following is a sample of the Circle dialog box.

4-11 CHAPTER 4 DESIGNING SCREENS


4
The following table describes each property in the Circle dialog box.

Property Description
Color Static Check this option if the color of the circle will not be changed.
Control Controlled By Bit Check this option if the color of the circle will be controlled by the specified bit.
Blink Check this option so the circle will blink. You have to choose the blink effects
that change the color of the circle from its On state Outlined and Solid option
settings to Off state Outlined and Solid option settings.
Blink(Enabled by Check this option if you want to enable the rectangle blinking by the specified
Bit) bit.
Control Bit Specifies the bit that controls the color or enables the blinking.
Click to enter the bit address. Click to enter the bit tag.
State Select the state that you want to view or define the colors for.
Outline Outlined Check this option if you want the circle to be outlined.
Color Specifies the outline color for the selected state.
Solid Solid Check this option if you want the circle to be solid. A solid circle is filled with the
specified pattern and colors.
Pattern Specifies the fill pattern for the selected state.
FG Color Specifies the color for the selected state that will be used for painting the black
part of the fill pattern.
BG Color Specifies the color for the selected state that will be used for painting the white
part of the fill pattern.
Center X The X coordinate of the center of the circle.
& Y The Y coordinate of the center of the circle.
Radius
Radius The radius of the circle.
Visibility Visibility Check this option if the circle will be shown or hidden by the specified bit.
Control Controlled By Bit
Control Bit Specifies the bit that shows or hides the circle.
Click to enter the bit address. Click to enter the bit tag.
Visible State Specifies the state (On or Off) that makes the circle visible.

7. You can click the following icons in the Draw toolbar to modify the properties of the circle.

Click Icon To

Select a color for the outline.

Select a color for painting the white part of the fill pattern.

Select a pattern for the fill pattern.

Select a color for painting the black part of the fill pattern.

CHAPTER 4 DESIGNING SCREENS 4-12


4
4.1.6. Drawing Ellipses

1. In the Draw menu or Draw toolbar, click Ellipse to draw an ellipse.


2. Move the cursor onto the screen where you want to draw an ellipse. An ellipse with default settings will display and
move along with the cursor.
3. Click the desired position on the screen to place the ellipse. The upper-left corner of the bounding rectangle of the
ellipse will be at the clicked position.
4. Drag one handle of the ellipse at a time to resize the ellipse.

The picture on the left shows the eight handles of an ellipse. Position the mouse pointer
over one of the handles. When the cursor changes to or or or , drag the
handle until the rectangle is the shape and size you want.

5. Double-click the ellipse to bring up the Ellipse dialog box and then modify the settings of the ellipse.
The following is a sample of the Ellipse dialog box.

4-13 CHAPTER 4 DESIGNING SCREENS


4
The following table describes each property in the Ellipse dialog box.

Property Description
Color Static Check this option if the color of the ellipse will not be changed.
Control Controlled By Bit Check this option if the color of the ellipse will be controlled by the specified bit.
Blink Check this option so the ellipse will blink. You have to choose the blink effects
that change the color of the ellipse from its On state Outlined and Solid option
settings to Off state Outlined and Solid option settings.
Blink(Enabled by Check this option if you want to enable the ellipse blinking by the specified bit.
Bit)
Control Bit Specifies the bit that controls the color or enables the blinking.
Click to enter the bit address. Click to enter the bit tag.
State Select the state that you want to view or define the colors for.
Outline Outlined Check this option if you want the ellipse to be outlined.
Color Specifies the outline color for the selected state.
Solid Solid Check this option if you want the ellipse to be solid. A solid ellipse is filled with
the specified pattern and colors.
Pattern Specifies the fill pattern for the selected state.
FG Color Specifies the color for the selected state that will be used for painting the black
part of the fill pattern.
BG Color Specifies the color for the selected state that will be used for painting the white
part of the fill pattern.
Profile Left The X coordinate of the upper-left corner of the bounding rectangle of the ellipse.
Top The Y coordinate of the upper-left corner of the bounding rectangle of the ellipse.
Width The width of the bounding rectangle of the ellipse.
Height The height of the bounding rectangle of the ellipse.
Visibility Visibility Check this option if the ellipse will be shown or hidden by the specified bit.
Control Controlled By Bit
Control Bit Specifies the bit that shows or hides the ellipse.
Click to enter the bit address. Click to enter the bit tag.
Visible State Specifies the state (On or Off) that makes the ellipse visible.

6. You can click the following icons in the Draw toolbar to modify the properties of the ellipse.

Click Icon To

Select a color for the outline.

Select a color for painting the white part of the fill pattern.

Select a pattern for the fill pattern.

Select a color for painting the black part of the fill pattern.

CHAPTER 4 DESIGNING SCREENS 4-14


4
4.1.7. Drawing Arcs

1. In the Draw menu or Draw toolbar, click Arc to draw an arc.


2. Move the cursor onto the screen where you want to draw an arc. An arc with default settings will display and move
along with the cursor.
3. Click the desired position on the screen to place the arc. The upper-left corner of the bounding rectangle of the arc
will be at the clicked position.
4. Drag one handle of the arc at a time to change the shape of the arc.

The picture on the left shows the handles of an arc. The blue handles are for shaping the
arc. The black handles of the two ends of the arc are for changing the ends' angles. The
black handle at the center of the arc is for forcing the arc to be a part of a circle.
Position the mouse pointer over one of the handles. When the cursor changes to or
or or , drag the handle until the arc is the shape and size you want.

5. Double-click the arc to bring up the Arc dialog box and then modify the settings of the arc.

The following is a sample of the Arc dialog box.

The following table describes each property in the Arc dialog box.

Property Description
Color Specifies the color of the arc.
Profile Left The X coordinate of the upper-left corner of the bounding rectangle of the arc.
Top The Y coordinate of the upper-left corner of the bounding rectangle of the arc.
Width The width of the bounding rectangle of the arc.
Height The height of the bounding rectangle of the arc.

6. You can click the following icons in the Draw toolbar to modify the properties of the arc.

Click Icon To

Select a color for the arc.

4-15 CHAPTER 4 DESIGNING SCREENS


4
4.1.8. Drawing Pie Shapes

1. In the Draw menu or Draw toolbar, click Pie to draw a pie shape.
2. Move the cursor onto the screen where you want to draw a pie shape. A pie shape with default settings will display
and move along with the cursor.
3. Click the desired position on the screen to place the pie shape. The upper-left corner of the bounding rectangle of
the pie shape will be at the clicked position.
4. Drag one handle of the pie shape at a time to change the pie shape.
The picture on the left shows the handles of a pie shape. The blue handles are for
changing the pie shape. The black handles at the two ends of the pie are for
changing the size of the pie. Clicking the black handle at the center of the pie
applies the radius to the entire pie and can be used to change the radius of the
pie.
Position the mouse pointer over one of the handles. When the cursor changes to
or or or , drag the handle until the pie is the shape and size you
t
5. Double-click the pie shape to bring up the Pie dialog box to modify the settings of the pie shape.

The following table describes each property in the Pie dialog box.
Property Description
Outline Outlined Check this option if you want the pie shape to be outlined.
Color Specifies the outline color.
Solid Solid Check this option if you want the pie shape to be solid. A solid pie shape is filled with the
specified pattern and colors.
Pattern Specifies the fill pattern.
FG Color Specifies the color that will be used for painting the black part of the fill pattern.
BG Color Specifies the color that will be used for painting the white part of the fill pattern.
Profile Left The X coordinate of the upper-left corner of the bounding rectangle of the pie shape.
Top The Y coordinate of the upper-left corner of the bounding rectangle of the pie shape.
Width The width of the bounding rectangle of the pie shape.
Height The height of the bounding rectangle of the pie shape.

CHAPTER 4 DESIGNING SCREENS 4-16


4
6. You can click the following icons in the Draw toolbar to modify the properties of the pie shape

Click Icon To

Select a color for the outline.

Select a color for painting the white part of the fill pattern.

Select a pattern for the fill pattern.

Select a color for painting the black part of the fill pattern.

4-17 CHAPTER 4 DESIGNING SCREENS


4
4.1.9. Drawing Polygons

1. In the Draw menu or Draw toolbar, click Polygon to draw a polygon.


2. Move the cursor onto the screen where you want to draw a polygon and click the position where you want the first
vertex of the polygon to be at.
3. Continue clicking on the screen to place as many points needed for vertices in the polygon.
4. Right-click to place the last vertex for the polygon and complete the polygon.
5. Drag one handle of the polygon at a time to resize the polygon.
6. Drag one black handle of the polygon at a time to adjust the vertex positions of the polygon.

The picture on the left shows the handles of a polygon. The blue
handles are for resizing the polygon. The black handles are for moving
the vertices of the polygon.
Position the mouse pointer over one of the handles. When the cursor
changes to or or or , drag the handle until the polygon is
the shape and size you want.

7. Right-click anywhere on the polygon and use the Insert Point command on the object pop-up menu to insert a new
point for the polygon. Or right-click the existing point of the polygon and use the Delete Point command on the
object pop-up menu to delete the point.

Pop-up menu Description


Add a point at the specified position.

Insert Point

Delete a selected point.

Delete Point

CHAPTER 4 DESIGNING SCREENS 4-18


4
8. Double-click the polygon to bring up the Polygon dialog box to modify the settings of the polygon.

The following table describes each property in the Polygon dialog box.

Property Description
Color Static Check this option if the color of the polygon will not be changed.
Control Check this option if the color of the polygon will be controlled by the specified
Controlled By Bit
bit.
Blink Check this option so the polygon will blink. You have to choose the blink effects
that change the color of the polygon from its On state Outlined and Solid option
settings to Off state Outlined and Solid option settings.
Blink(Enabled by Check this option if you want to enable the polygon blinking by the specified bit.
Bit)
Specifies the bit that controls the color or enables the blinking.
Control Bit
Click to enter the bit address. Click to enter the bit tag.
State Select the state that you want to view or define the colors for.
Outline Outlined Check this option if you want the polygon to be outlined.
Thickness Specifies the thickness of the outline.
Color Specifies the outline color for the selected state.
Continued

4-19 CHAPTER 4 DESIGNING SCREENS


4
Property Description
Solid Check this option if you want the polygon to be solid. A solid polygon is filled with
Solid
the specified pattern and colors.
Pattern Specifies the fill pattern for the selected state.
Specifies the color for the selected state that will be used for painting the black
FG Color
part of the fill pattern.
Specifies the color for the selected state that will be used for painting the white
BG Color
part of the fill pattern.
Profile The X coordinate of the upper-left corner of the bounding rectangle of the
Left
polygon.
The Y coordinate of the upper-left corner of the bounding rectangle of the
Top
polygon.
Width The width of the bounding rectangle of the polygon.
Height The height of the bounding rectangle of the polygon.
Visibility Visibility
Control Controlled By Check this option if the polygon will be shown or hidden by the specified bit.
Bit
Specifies the bit that shows or hides the polygon.
Control Bit
Click to enter the bit address. Click to enter the bit tag.
Visible State Specifies the state (On or Off) that makes the polygon visible.

9. You can click the following icons in the Draw toolbar to modify the properties of the polygon.

Click Icon To

Select a line style for the border.

Select a color for the border.

Select a color for painting the white part of the fill pattern.

Select a pattern for the fill pattern.

Select a color for painting the black part of the fill pattern.

CHAPTER 4 DESIGNING SCREENS 4-20


4
4.1.10. Drawing Text Objects

1. In the Draw menu or Draw toolbar, click Text .


2. Move the cursor onto the screen where you want to draw a text object. A text object with default settings will display
and move along with the cursor.
3. Click the desired position on the screen to place the text object. The upper-left corner of the bounding box of the text
object will be at the clicked position.
4. Double-click the text object to bring up the Text Object dialog box and then modify the settings of the text object.
This dialog box contains the following three pages:
■ General
Described in Section 4.1.10.1.
■ Shape
Described in Section 4.3.4
■ Visibility
Described in Section 4.4.6.

Note 1: You can use the Text toolbar to modify the properties of the text object's text instantly.
Note 2: You can use the Draw toolbar to modify the properties of the text object's shape instantly.
Tip: By default, the Auto Text Resizing on the Edit menu is checked and the related icon on the Edit toolbar is sunken. If
you don’t want to resize the text when resizing the object, you need to uncheck the Auto Text Resizing command

on the Edit menu or click the sunken icon on the Edit toolbar to make the font size fixed.

4-21 CHAPTER 4 DESIGNING SCREENS


4
4.1.10.1. General Settings

This section describes how to define the general settings for text objects.

In this edit box, you can view


and edit the current text of the
current selected language.

Click to select a text


from the text database Select a text from the
of the current selected dropdown text table.
language.

Click to change text


table. You can select
the text or edit the text
in the selected table.

The above is an example of the General page of the Text Object dialog box.

CHAPTER 4 DESIGNING SCREENS 4-22


4
The following table describes each property in the General page.
Property Description
Language The language that you are setting the text for.
Shape Check this option if you want the text object to have a frame as its background. The Shape
page appears in the dialog box when the option is selected.
Use the text of the first
Check this item so the text object always shows the text of the first language regardless of
language for all other
what the current language is.
languages
Font The font of the current text. You can use the drop-down list to select a font, or click to
bring up the Font Templates dialog box and select a font for the current text. You can
change the font templates before selecting a font in that dialog box.
Text <Edit Box> /
<Combo Box> The current text of the currently selected language.

/ Click to view and edit the text for the selected language in this edit box, or click to
select a text from dropdown text table that lists all the texts from Text Database. You can
change the text database before selecting a text.
Color The color of the text. To specify the color, click the corresponding Color icon and select a
color from the Color palette.
Transparent Check this item to make the background of the text transparent.
BG Color Specifies the background color of the text. This field is available when Transparent is not
selected.
Direction Select one of the following directions to arrange the characters of the text.
From left to From right to From top to From bottom
Direction
right left bottom to top
Input text:
An
example

Position

The position of the text body.

The alignment of the text.

Border Spacing The margin (in pixels) to the border of the object’s shape for the text body.
Line Spacing The distance (in pixels) between two adjacent lines of the text.
Character Spacing The distance (in pixels) between two adjacent characters of the text.

4-23 CHAPTER 4 DESIGNING SCREENS


4
4.1.11. Drawing Picture Objects

1. In the Draw menu or Draw toolbar, click Picture .


2. Move the cursor onto the screen where you want to draw a picture object. A picture object with default settings will
display and move along with the cursor.
3. Click the desired position on the screen to place the picture object. The upper-left corner of the bounding box of the
picture object will be at the clicked position.
4. Double-click the picture object to bring up the Picture Object dialog box. Select a picture and define the settings for
the picture object in the dialog box. Note that you can use the Picture toolbar to modify the properties of the picture
object instantly. The following is an example of the Picture Object dialog box.

The following table describes each property in the Picture Object dialog box.

Property Description
The name of the picture that the object displays. You can use the drop-down list to select a
picture from the picture database.
Click to select a picture from a file. After the selection, the software imports the picture
Name of the selected file and saves the picture in the picture database.
Click to bring up the Select/Import from Library dialog box. Select a picture from a
picture library file. After the selection, the software imports the selected picture from the
selected library and saves the picture in the picture database.
View Shows the processed result of the selected picture according to the current settings.
Continued

CHAPTER 4 DESIGNING SCREENS 4-24


4
Property Description
Check this item so the picture can change its size automatically to fit inside the
Fit to Object
object.
Check this item to make parts of the picture transparent. The transparent parts
Transparent are pixels whose colors are identical to the specified transparent color. This
item is available when the picture is not a black and white picture.
The transparent color. This item is available when the picture is not a black
Transparent Color
and white picture.
The color to paint the black part of a black and white picture. This item is
FG Color
available when the picture is a black and white picture.
The color to paint the white part of a black and white picture. This item is
BG Color
available when the picture is a black and white picture.
Flip/Rotate Specifies the method to flip or rotate the picture before drawing it. There are 8
options:
Method Description
0° Do nothing
90° Rotates the picture clockwise by 90 degrees
180° Rotates the picture clockwise by 180 degrees
270° Rotates the picture clockwise by 270 degrees
X Flips the picture over the X axis
90° & X Rotates the picture clockwise by 90 degree and flips it over the
X axis
Y Flips the picture over Y axis
90° & Y Rotates the picture clockwise by 90 degree and flips it over the
Y axis
Tone Check this item to tone the picture.
Toning Color The color to tone the picture.
Visibility Visibility Check this option if the picture will be shown or hidden by the specified bit.
Control Controlled By Bit
Control Bit Specifies the bit that shows or hides the picture object.
Click to enter the bit address. Click to enter the bit tag.
Visible State Specifies the state (On or Off) that makes the picture visible.
Profile Left The X coordinate of the upper-left corner of the object.
Top The Y coordinate of the upper-left corner of the object.
Width The width of the object.
Height The height of the object.
Redraw Click this button to redraw the object on the screen with the current settings.

4-25 CHAPTER 4 DESIGNING SCREENS


4
4.1.12. Drawing Scales

1. In the Draw menu or Draw toolbar, click Scale .


2. Move the cursor onto the screen where you want to draw a scale. A scale with default settings will display and move
along with the cursor.
3. Click the desired position on the screen to place the scale. The upper-left corner of the bounding box of the scale
will be at the clicked position.
4. Double-click the scale to bring up the Scale dialog box and then define the settings for the scale. The following is an
example of the Scale dialog box. The corresponding scale is shown to the right of the dialog box.

CHAPTER 4 DESIGNING SCREENS 4-26


4
The following table describes each property in the Scale dialog box.

Property Description
Direction and Position Select the direction and the position of the scale.

Direction Horizontal Vertical


Position Top Bottom Left Right
Example

Dynamic Dynamic Check this item if you want the numbers of the scale ticks and the range of the scale marks
Range Range to be dynamic, i.e. to be controlled by the specified variable.
Parameter Specifies the variable that controls the numbers of the scale ticks and the range of the
Block scale marks. The variable is an array of four double-words (8 words). The following table
describes the data members of the array.
Word # Data Type Description
0, 1 32-bit unsigned integer The number of major ticks. The allowable range of
this number is between 2 and 101.
2, 3 32-bit unsigned integer The number of divisions between two adjacent
major ticks. The allowable range of this number is
between 1 and 100.
4, 5 32-bit signed integer The minimum of the scale marks.
6, 7 32-bit signed integer The maximum of the scale marks.

Example
Assume a scale’s dynamic range control block is $U100. The following macro commands
makes the scale look like this:
$U100 = 3 (UD) // The number of major ticks.
$U102 = 5 (UD) // The number of sub-divisions.
$U104 = 0 (SD) // The minimum of the scale marks.
$U106 = 100 (SD) // The maximum of the scale marks.
Color The color of the scale. To specify the color, click the corresponding Color icon and select a
color from the Color palette.
Number of Major Ticks The number of major ticks. The minimum you can specify is two.
Number of Sub The number of divisions between two adjacent major ticks. The minimum you can specify
Divisions is one.
Minor Tick Length The length of minor ticks.
Axis Check this item if you want the scale to have an axis.
Marks Marks Check this option if you want the scale to have marks.
Font The font of the marks.
Minimum The minimum of the marks. It is a 32-bit integer.
Maximum The maximum of the marks. It is a 32-bit integer.
Total Digits The total digits to be displayed for the marks.
Fractional The number of fractional digits for the marks. For example, when the Maximum is 5000, the
Digits Total Digits is 4, and the Fractional Digits is 2, the mark for the Maximum will be 50.00.
Reverse Check this option if you want the marks of the scale to show in reverse order. In normal
Order order, the maximal mark is at the right end or top end of the scale. In reverse order, the
maximal mark is at the left end or bottom end of the scale.

4-27 CHAPTER 4 DESIGNING SCREENS


4
4.1.13. Drawing Tables

1. In the Draw menu or Draw toolbar, click Table .


2. Move the cursor onto the screen where you want to draw a table. A table with default settings will display and move
along with the cursor.
3. Click the desired position on the screen to place the table. The upper-left corner of the table will be at the clicked
position.
4. Use drag-and-drop editing to move an existing object into an empty cell of the table. If the object is allowed to be
placed in the cell, a message box will pop-up to confirm the operation. The following is an example of object
insertion with the confirmation dialog box.

h If you click Yes to insert the object to the table,


the object will be part of the table. Any
modifications such as moving the table, resizing
the table, deleting the table… will be applied to
the objects of the table at the same time.

h If you click No to cancel the operation, the


object will move to the specified position and
float over the table.

Note: Only 23 types of objects can be placed in the cells of the table. The supported objects are Picture, Dot, Text,
Bit Button, Toggle Switch, Word Button, Multistate Switch, Screen Button, Function Button, Keypad Button, Numeric
Display, Numeric Entry, ASCII String Display, ASCII String Entry, Bit Lamp, Multistate Lamp, Time Display, Date
Display, Day-of-Week Display, Message Display, Bar Graph, Picture Display, GIF Display, and Advanced Numeric
Display.

5. Click the cell inside the table. If the cell contains the object, there will be the icon on the upper-left corner of the
cell. The following is an example showing you how to edit the object in the table.

h Left-click the icon


and hold down the
button. When the
This is an empty
cell where you cursor changes to ,
can place an move the object out of
object. the table.

h Double click the icon


to bring up the
properties dialog box
of the corresponding
object and then define
the settings of object
for the selected cell.

CHAPTER 4 DESIGNING SCREENS 4-28


4
6. Position the mouse point over one of the grid lines. When the cursor changes to or , drag the line until the
column is the width and the row is the height you want.

Drag the line to adjust the


width of the column.

Drag the line to adjust the


height of the row.

Note: You can adjust the width of the column when the Distribute Columns Evenly is not selected in the general
page of the Table dialog box. And you can adjust the height of the row when the Distribute Rows Evenly is not
selected in the general page of the Table dialog box.

7. Double-click anywhere inside the table, other than the icon, to bring up the Table dialog box and then define the
settings for the table. This dialog box contains the following two pages:

■ General
Described in Section 4.1.13.1.
■ Cell
Described in Section 4.1.13.2.

4-29 CHAPTER 4 DESIGNING SCREENS


4
4.1.13.1. General Settings
This section describes how to define the general settings for the table objects. The following is an example of the General
page of the Table Object dialog box.

The following table describes each property in the General page of the Table dialog box.

Property Description
ID The object’s identifier is generated when the object is created and is unchangeable.
The identifier is unique within the screen where the object is located. The format of the
IDs for the tables is TBLnnnn.
Note You can type a note for the object.
Shape settings For details about the following properties, see Section 4.3.4 Setting up the Shape of an
Object. , Border Color, BG Color
Cell Number of rows Specifies the number of rows in the table.
Number of columns Specifies the number of columns in the table.
Distribute rows Check this option if you want the rows of the table to be always distributed evenly.
evenly Uncheck this option if you want to adjust the heights of the rows.
Distribute columns Check this option if you want the columns of the table to be always distributed evenly.
evenly Uncheck this option if you want to adjust the widths of the columns.
Drag and drop Check this option so you can drag and drop an object into a cell of the table. Note that
not all kinds of objects can be placed in the cells of the table.
Grid Vertical Check this option if you want the table to have vertical grid lines.
Horizontal Check this option if you want the table to have horizontal grid lines.
Style Specifies the style for the grid lines.
Color Specifies the color for the grid lines.

CHAPTER 4 DESIGNING SCREENS 4-30


4
4.1.13.2. Cell Settings
The following is an example of the Cell page of the Table Object dialog box and the Select Object Dialog box when the
Insert Button is clicked.

Click the button to bring up


the Select Object dialog.

The following table describes each property in the Cell page of the Table dialog box. To make the buttons available, you
need to select a row. To select a row, left-click the (Row, Column) column.
Property Description
(Row,Column) The location of the cell.
Object The type of the specified object. If the field is empty, the cell has no object inserted and it is called
empty cell.
Click the button to bring up the properties dialog box of the specified object and define the settings
of the object for the selected cell. The button is available when the Object field is not empty.
Margin The distance in pixels between the object boundary and the cell border. Select a number between 0
and 10.
Delete Click the button to clear the contents of the selected cell. The button is available when the selected
cell is not empty.
Insert Click the button to bring up the Select Object dialog box shown above. Select an object type listed
in the dialog to create a new object for the selected cell. The button is available when the selected
cell is empty.

Note: The table won’t allow the insertion of the type of object which is not listed in the dialog.
Move Up Click the button to move the selected cell before the previous cell. It will not be available when
multiple rows are selected, no row is selected, or the first row is selected.
Move Down Click the button to move the selected cell after the next cell. It will not be available when multiple
rows are selected, no row is selected, or the last row is selected.

4-31 CHAPTER 4 DESIGNING SCREENS


4
4.2. Editing Objects

In this section you will learn how to select the objects first and then move around, copy, or edit the selections without
affecting the rest of the screen.

4.2.1. Selecting and De-selecting Objects


■ Selecting Objects
To select an object, move the mouse to the object you want to select and then click the left button.
To add an object to the selection, use Shift + Click.
To select all objects of the active screen, use Ctrl + A, or use the Select All command on the Edit menu.

■ Selecting Objects by a Rectangular Area


Left-click on the blank area of the screen, and hold the button to begin your selection. Where you click will become one of
the corners of the rectangular selection area. Then drag the mouse diagonally. Release the mouse button when you reach
the position that you want the opposite corner of the rectangular area to be.

Each of the selected objects will have blue square-shaped tabs around it. The object with solid tabs is the reference object.

■ De-selecting Objects
To de-select objects, either click the blank area of the screen, or make a new selection.

4.2.2. Basic Operations with the Selected Area


■ Moving Objects
Left-click anywhere inside the selected object and hold down the button. When the cursor turns changes to , drag the
mouse to move the selection to another area of the screen. The selection will "float" over the rest of the screen, allowing
you to position it wherever you like. Release the mouse button to "let go" of the selection.

■ Grouping or Ungrouping Objects

To group the selection, click on the edit toolbar, or use the Group command on the Edit menu or on the object pop-up
menu. After you have grouped a selection that includes at least two objects, you can copy, move or resize all objects in a
group as a single unit. You can select an object within the group and change its properties without ungrouping. You can
also save the group to the object library and use this object group in an animated graphic.

To ungroup the selected group, click on the edit toolbar, or use the Ungroup command on the Edit menu or on the
object pop-up menu. After ungrouping the objects, the objects within the group will be restored to the single ones.

■ Resizing Objects
The square-shaped tabs around your object can be re-sized. You can resize by clicking on the square-shaped tabs located
at the corners and the middle sections of the bound rectangle area and holding the mouse button down. When the cursor
changes to or or or , drag the mouse to change the size of the selection. Release the mouse button when
the selection is the size you like. You can make it bigger or smaller, and achieve a distorted effect by "squashing" or
"stretching" the selection to make it either wider/narrower or taller/shorter than its original proportions.
Tip: You can’t resize more than one object at a time unless you group multiple objects before resizing.

■ Auto Text Resizing

To automatically scale the text of the object when resizing the object, click on the edit toolbar if it is raised, or use the
Auto Text Resizing command on the Edit menu.
Tip: The Auto Text Resizing command is checked and the icon is sunken by default. If you don’t want to resize the text
when resizing the object, you need to uncheck the Auto Text Resizing command or click the sunken icon to make the
font size fixed.

CHAPTER 4 DESIGNING SCREENS 4-32


4
■ Pinning or Unpinning Objects

To pin the selection so that it cannot move, click on the edit toolbar, or use the Pin command on the Edit menu or on
the object pop-up menu.

To unpin the selection so that it can move again, click on the edit toolbar, or use the Unpin command on the Edit
menu or on the object pop-up menu.
Tip: Pinned objects can still be resized.

■ Copying or Cutting and Pasting Objects

To copy a selection from the current screen and place it on the Windows™ clipboard, press Ctrl+C, or click on the
standard toolbar, or use the Copy command on the Edit menu or on the object pop-up menu.

To cut a selection from the screen, press Ctrl+X, or click on the standard toolbar, or use the Cut command on the
Edit menu or on the object pop-up menu.

After Copying or Cutting, you can paste the selection by pressing Ctrl+V, or click on the standard toolbar, or use the
Paste command on the Edit menu or on the object pop-up menu.

To copy and paste the selection by mouse, press and hold down the Ctrl key,
and then left-click the selection and hold down the button. When the cursor
changes to , drag the mouse to copy the selection to another area of the
screen. The picture on the right is an example.

Tip: Cut and Paste are good for moving objects around within the screen or to another screen.
Copy and Paste are good for duplicating objects from the current screen to other screens.
By pasting multiple times on the current screen, you can achieve a cascading effect.
By pasting once to a different screen, the position of the pasted object will be the same as the copied object from the
original screen.

■ Deleting Objects
To delete a selection, press Del, or use the Delete command on the Edit menu, or on the object pop-up menu. When you
use Delete, whatever is in the selection will be deleted.

■ Undo
To reverse the last action, press Ctrl+Z, or use the Undo command on the Edit menu.

■ Redo
To reapply the actions that were previously canceled by the Undo command, press Ctrl+Z, or use the Redo command on
the Edit menu.

■ Keyboard Shortcuts

Shortcut Operation Shortcut Operation Shortcut Operation


【Ctrl+N】 New Project 【Ctrl+X】 Cut 【Ctrl+D】 Duplicate
【Ctrl+O】 Open Project 【Ctrl+C】 Copy 【Ctrl+F】 Find
【Ctrl+S】 Save 【Ctrl+V】 Paste 【Ctrl+R】 Replace
【Ctrl+Z】 Undo 【Ctrl+Click+move】 Copy & Paste 【Ctrl+A】 Select All
【Ctrl+Y】 Redo 【Del】 Delete 【Shift+Click】 Multiple Select
【Ctrl+Click】 Reference Object Select

4-33 CHAPTER 4 DESIGNING SCREENS


4
4.2.3. Duplicating Objects
To duplicate the selected object, use the Duplicate… command on the Edit menu or on the object pop-up menu. After the
duplicate command is executed, the following dialog will pop-up and allow you to set how to duplicate objects.

Preview
addresses

Click View > Address > Monitor on the


menu to show the monitor address on the
upper-left corner of the object.

The following table describes each property in the Duplicate dialog.

Property Description
Number Columns The total number of columns.
of Copies Rows The total number of rows.
Spacing Vertical The distance (in pixels) between two adjacent objects in the vertical direction.
in Pixels Horizontal The distance (in pixels) between two adjacent objects in the horizontal direction.
Increase Address Check this item so the address of each duplicate will be increased to a specified increment
over the previous object.
Increment The increase amount.
Copy From top to bottom, place the duplicates row by row. In the same row, place the duplicate to
Direction the right of the previous object.
From top to bottom, place the duplicates row by row. In the same row, place the duplicate to
the left of the previous object.
From bottom to top, place the duplicates row by row. In the same row, place the duplicate to
the right of the previous object.
From bottom to top, place the duplicates row by row. In the same row, place the duplicate to
the left of the previous object.
From left to right, place the duplicates column by column. In the same column, place the
duplicate below the previous object.
From right to left, place the duplicates column by column. In the same column, place the
duplicate below the previous object.
From left to right, place the duplicates column by column. In the same column, place the
duplicate above the previous object.
From right to left, place the duplicates column by column. In the same column, place the
duplicate above the previous object.

CHAPTER 4 DESIGNING SCREENS 4-34


4
4.2.4. Aligning Objects
To arrange the selected objects on a screen, you need to select a reference object from within the selection and then press
the icon on the toolbar or click the menu item listed as below. To do a multiple selection, use Shift + Click. To select a
reference object from the selection, use Ctrl + Click.
Use the Align commands on the Edit menu to arrange objects/drawings on a screen. Select an object or drawing by
single-clicking on it, then hold down the Shift key while clicking on the other objects or drawings to be aligned with it. When
all of the objects or drawings to be aligned are selected, choose one of the commands in the Align submenu or directly
click a specified icon in the Edit Toolbar.
Icon Menu Item Description
Align the left sides of selected objects to the left side of the reference object. All the
Left objects move horizontally so their left sides are in line with the left side of the
reference object.
Align the vertical centers of selected objects to the vertical center of the reference
Vertical
object. All the objects move horizontally so their vertical centers are in line with the
Center
vertical center of the reference object.
Align the right sides of selected objects to the right side of the reference object. All the
Right objects move horizontally so their right sides are in line with the right side of the
reference object.
Align Align the tops of the selected objects to the top of the reference object. All the objects
Top
move vertically so their tops are in line with the top of the reference object.
Align the horizontal centers of selected objects to the horizontal center of the
Horizontal
reference object. All the objects move vertically so their horizontal centers are in line
Center
with the horizontal center of the reference object.
Align the bottoms of selected objects to the bottom of the reference object. All the
Bottom objects move vertically so their bottoms are in line with the bottom of the reference
object.

To Grid Select or deselect the option of aligning objects to grid points.

Nudge the selection left. When the Snap to Grid option is not selected, all objects of
the selection move one pixel left. When the Snap to Grid option is selected, each
Left
object of the selection moves left to where its upper-left corner aligns to the nearest
grid point.
Nudge the selection right. When the Snap to Grid option is not selected, all objects of
the selection move one pixel right. When the Snap to Grid option is selected, each
Right
object of the selection moves right to where its upper-left corner aligns to the nearest
grid point.
Nudge
Nudge the selection up. When the Snap to Grid option is not selected, all objects of
the selection move one pixel up. When the Snap to Grid option is selected, each
Up
object of the selection moves up to where its upper-left corner aligns to the nearest
grid point.
Nudge the selection down. When the Snap to Grid option is not selected, all objects of
the selection move one pixel down. When the Snap to Grid option is selected, each
Down
object of the selection moves down to where its upper-left corner aligns to the nearest
grid point.

4-35 CHAPTER 4 DESIGNING SCREENS


4
4.2.5. Making Objects Same Size
Make objects in the selection the same size as the reference object by first selecting the objects using Ctrl + Click, press
the icon on the toolbar or click the menu item listed below.

Icon Menu Item Description

Width Make the selected objects have the same width as the reference object.
Make
Same Height Make the selected objects have the same height as the reference object.
Size
Both Make the selected objects have the same width and height as the reference object.

4.2.6. Arranging the Order of Objects


Icon Menu Item Description

Bring to Top Bring the selection to the top.

Bring Forward Bring the selected object one layer up.


Layer
Send Backward Send the selected object one layer down.

Send to Bottom Send the selection to the bottom.

Start the order setting process for the objects of the active screen. For details,
Set Order
please see Section 4.2.6.1 Changing the Order of Objects

4.2.6.1. Changing the Order of Objects


The object order in the software is the order in which the selection cursor moves the input focus from one object to the
next within a screen. Usually the order proceeds from left to right and from top to bottom in a screen. In the model with
programmable keys such as 037-LSK, the Data Entry Object receives input focus in the specified order by clicking
direction keys. In a touch panel, you can use the function button to select a data entry object with the order number
previous or next to the current selection.

The object order is also the display order. If the screen contains overlapping objects, changing the order will change the
display sequence of the objects. The objects that come later in the order are always displayed on top of any overlapping
objects that precede them in the order.

■ Viewing order
To view the current order of all objects in the screen, click Set Order on the Edit menu.

■ Changing order
To change the order for all objects in the screen
1) On the Edit menu, click Set Order
A Number in the upper-left corner of each object shows its place in the current order
2) Set the order by clicking each object in the order that you want the objects to be displayed. The ordering number
starts from 1.
3) Click the blank field on the screen to exit Set Order mode

CHAPTER 4 DESIGNING SCREENS 4-36


4
The following is an example of the object ordering.

If the screen is running on 037-LSK, click the down or right direction key to move the selection in 2-4-6-8-10-12-14-16-18
-20-29 sequence. If the screen is running on the touch panel, click the function button to move the selection in the
same sequence. The text objects with 1,3,5…order number are not data entry object, so they won’t receive the selection
and are not listed in the sequence.

4-37 CHAPTER 4 DESIGNING SCREENS


4
4.3. Designing Object Appearance

There are four common components of object appearance. They are described in the following table:

Appearance Component Description


Shape The shape of an object can either be a graphical shape or a picture shape.
The following are examples of graphical shapes

The following are examples of picture shapes.

The software provides many graphical shapes for you to choose from. For details, see
Section 4.3.3 Selecting a Graphical Shape. The color or the pattern of a graphical shape is
dependent on the state of the associated object. You need to specify the color or pattern
settings of a graphical shape for each state of the associated object. For details, see
Section 4.3.1 Selecting a Color and Section 4.3.2 Selecting a Pattern.

If you want an object to have a picture shape, check the item Picture Shape in the General
Page of the object’s property dialog box. You can select a picture from the picture
database or import a picture from a library file for the shape of an object. Any picture with
the format of BMP, JPG, or WMF can be a picture shape. When a picture is used as a
shape, the shape is state independent, i.e. the same look appears for all (object) states. If
you want a picture shape to display the object state and/or show the touch action, you
need to select a picture group as the shape. For details of picture groups, please see
Section 2.2.3.2 Picture Groups

To know how to set a shape, see Section 4.3.4 Setting up the Shape of an Object.
Inner Label An inner label is a label inside the associated object. It has the same number of states as
the associated object. You need to specify the text settings and the picture settings of an
inner label for each (object) state. Inner labels are language dependent. You need to
specify the text of an inner label for each language as well. Note that not all objects can
have inner labels and some objects can have just text or a picture as their inner label.
To know how to set an inner label, see Section 4.3.5 Label Settings.
VFTA (Visual Feedback for A button or switch can give the operator one of the following visual feedbacks when it is
Touch Action) touched:
Visual Feedback Description
Sunken Shifts the inner label to the lower-right corner by one or two pixels.
Back Fills the area inside the border of the shape with the shape’s FG
Color.
Outline Outlines the object with the shape’s FG Color.
External Label An external label is a label outside of but still attached to the associated object. Unlike
inner labels, external labels are state independent. They have the same look for all
(object) states. However, external labels are language dependent. You need to set the
text of an external label for each language. External labels are touch insensitive. Touching
an external label will not activate the associated object. Note that not all objects can have
an external label.
To know how to set an external label, see Section 4.3.8 External Label Settings.

CHAPTER 4 DESIGNING SCREENS 4-38


4
The following table shows the common appearance components that each object type can have:
Shape Inner Label
External
Object Types Graphical Picture VFTA
Text Picture Label
Shape Shape
Bit Button, Toggle Switch, Screen Button, Word
Button, Multi-state Switch, Radio Button Group ● ● ● ● ● ●
Function Button, Keypad Button, Page Selector ● ● ● ● ●
Step Button ● ● ● ● ●
Bit Lamp, Multi-state Lamp, ● ● ● ● ●
Message Display ● ● ●
Picture Display ● ● ●
Day-of-week Display ● ●
Meter ● ●
Slide Switch, Numeric Entry, Numeric Display,
Advanced Numeric Display, ASCII Character ● ●
Entry, ASCII Character Display, Bar Graph
Time Display, Date Display, Pie Graph, Line Chart,
Scatter Chart, Alarm Display, Historic Data
Display, Historic Trend Graph, Single Record Line ●
Chart, Operation Log Display, Recipe Selector,
Recipe Table, Sub-link Table, Static Text, Table
Animated Graphic ●

The orders of drawing the common appearance components are shown in the following table with examples:
Step Draw Example 1 Example 2 Description

1 Shape Described in Section 4.3.4


A picture group that supports A graphical shape named
the pressed look SW_0023
Picture of Inner
2 (None) Described in Section 4.3.5.2
label
Text of inner
3 Described in Section 4.3.5.1
label
4 VFTA (None) Back (FG Color is )

5 External label (None) Described in Section 4.3.8

Final Appearance
(When untouched)

Final Appearance
(When touched)

4-39 CHAPTER 4 DESIGNING SCREENS


4
4.3.1. Selecting a Color
■ Color Icons
In a dialog box, a color icon is associated with a property that requires a color. It shows the color of the current selection
and you can click it to bring up the Color palette. With the Color palette, you can select a color for the associated property.
The following is a Color icon showing that the current selection is yellow.

■ Color Palette
With the Color palette, you can: 1) Select a color from a set of predefined colors, 2) Customize a set of user colors, and 3)
Select a color from a set of user colors.

Usually, you click a Color icon to bring up the Color palette. The following shows the pages of the Color palette.

On page 1, the yellow block is outlined to indicate that it is the current selection. To select a color, click on that color block.
To select a page, click on that page’s number tab. To cancel the operation click on any position other than the color blocks
and the number tabs. Page 1, 2, and 3 contain the predefined colors. Page 4 contains the user colors. To customize user
colors, click to bring up the Define Custom Color dialog box as shown below.

CHAPTER 4 DESIGNING SCREENS 4-40


4
4.3.2. Selecting a Pattern
■ Pattern Icons
In a dialog box, a Pattern icon is associated with a property that requires a pattern. It shows the pattern of the current
selection and you can click it to bring up the Pattern palette. With the Pattern palette, you can select a pattern for the
associated property. The following is a Pattern icon showing that the current selection is the “big dashes”.

■ Pattern Palette
With the Pattern palette, you can select a pattern from a set of predefined patterns. Usually, you click a Pattern icon to
bring up the Pattern palette as shown below.

The “big dashes” block is outlined to indicate that it is the current selection. To select a pattern, click on that pattern block.
To cancel the operation, click on any position other than the pattern blocks.

4.3.3. Selecting a Graphical Shape


■ Shape Buttons

In an object’s property dialog box, you can click the shape button to bring up the Shape palette. With the Shape
palette, you can select a graphical shape as the shape of the associated object.

■ Shape Palette

With the Shape palette, you can select a graphical shape for an object. Usually, you click to bring up the Shape
palette. The Shape palette contains several pages of graphical shapes. To select a graphical shape, click on that graphical
shape. To select a page, click on that page’s number tab. To cancel the operation, click the close button to close the
Shape palette.

There are four sets of graphical shapes available for your applications. Each of them is suitable for certain kinds of objects.
The Shape palette shows the set that is suitable for the type of object concerned. The four sets of shapes are shown
below.

4-41 CHAPTER 4 DESIGNING SCREENS


4
Graphical shapes for buttons and switches

Graphical shapes for data entry objects

CHAPTER 4 DESIGNING SCREENS 4-42


4
Graphical shapes for data display objects

Graphical shapes for lamps

4-43 CHAPTER 4 DESIGNING SCREENS


4
4.3.4. Setting up the Shape of an Object
This section describes how to set the shape of an object.
In order to give the operator visual feedback for the touch action, most of the graphical shapes designed for touch operable
objects can change their look when touched. The edge or border can look pressed or the outline can be shown with a
different color.

The following examples are the shape settings of a bit button:


Example 1 Example 2
The graphical shape SW_0031 is selected. The graphical shape is a picture.

The following table describes each property that may be required for the settings of an object’s shape.

Property Description
Picture Shape Check this option if you want the object to have a picture shape instead of a graphical shape. This
option is available when the object can have a picture shape.
Click this button to specify the shape of the object. When Picture Shape is checked, the
Select/Import from Library dialog box will display. Otherwise, the Shape palette will display.
VFTA The type of VFTA (Visual Feedback for Touch Action).
Test VFTA Click this button to view the selected VFTA.
Border Color The border color of the graphical shape. Click the corresponding Color icon to specify the color.
Pattern The pattern that is used to fill the area inside the border of the graphical shape for the current
(object) state. To specify the pattern, click the corresponding Pattern icon and select a pattern from
the Pattern palette. This item is available when the area inside the graphical shape needs be
painted.
FG Color The color that is used to paint the black part of the pattern for the current (object) state. When the
solid white pattern is selected, this color is not used. When a picture shape is used, this color is used
for the outline mode with VFTA.
Example 1 Example 2

To specify the color, click the corresponding Color icon and select a color from the Color palette.
This item is available when the area inside the graphical shape needs be painted.
BG Color The color that is used to paint the white part of the pattern for the current object state. To specify the
color, click the corresponding Color icon and select a color from the Color palette. This item is
available when the area inside the graphical shape needs be painted.

CHAPTER 4 DESIGNING SCREENS 4-44


4
4.3.5. Label Settings
This section describes how to set up the inner label for the following types of objects:
Bit Button, Toggle Switch, Screen Button, Function Button, Word Button, Keypad Button, and Bit Lamp.

The property sheets of the above mentioned objects provide you with the Label page to set up the inner label. If an object
only has one state, the Label page has the Text sub-page and the Picture sub-page for you to set up the text and the
picture of the inner label respectively. If an object has two states, the Label page has the following four sub-pages:

Sub-page For Setting


OFF Text Text of state 0 (Off)
OFF Picture Picture of state 0 (Off)
ON Text Text of state 1 (On)
ON Picture Picture of state 1 (On)

You can use the Label page to set the inner label of an object that can have at most two states.
The following is an example of the Label page.

The following table describes only the properties in


the Label page that are common to all its sub-pages.
The properties of each of its sub-pages are described
in the specific section about each sub-page.

Property Description
The language that you are setting
Language
the text for.
The margin (in pixels) to the
Border Spacing border of the object’s shape for
both the text body and picture.
Use the text of Check this item so the inner label
the first always shows the text of the first
language for all language regardless of what the
other current language is.
languages
Click this tab to bring up the Text
Text tab
sub-page.
Click this tab to bring up the
Picture tab
Picture sub-page.
Click this tab to bring up the OFF
OFF Text tab
Text sub-page.
Click this tab to bring up the ON
ON Text tab
Text sub-page.
OFF Picture Click this tab to bring up the OFF
tab Picture sub-page.
Click this tab to bring up the ON
ON Picture tab
Picture sub-page.

4-45 CHAPTER 4 DESIGNING SCREENS


4
4.3.5.1. Text Sub-page Settings
You can use the Text sub-page, OFF Text sub-page, and ON Text sub-page to set up the text of the inner label for each of
the corresponding states, as well as the current language. The language being set is specified by the Language item in the
Label page.

The following are examples of the Text pages:

Text sub-page ON Text sub-page

The following table describes each property in the Text sub-page, OFF Text sub-page, and ON Text sub-page.

Property Description
Copy from Note Click this button to replace the current text by the text of Note in the General page.
Copy to ON State Click this button to use the current text to replace the text of ON state.
Copy to OFF Click this button to use the current text to replace the text of OFF state.
State
Font The font of the text. You can use the drop-down list to select a font.
Click to bring up the Font Templates dialog box and select a font for the text. You can
change the font templates before selecting a font in that dialog box.
Color The color of the text. To specify the color, click the corresponding Color icon and select a color
from the Color palette.
Blink Check this item so the text will blink. You have blink effects to choose from. Color switching
changes the color of the text from its original color to the color of the background. Text On/Off
displays and hides the text.
Transparent Check this item to make the background of the characters transparent.
BG Color The background color of the text.
Continued

CHAPTER 4 DESIGNING SCREENS 4-46


4
Property Description
Line Spacing The distance (in pixels) between two adjacent lines of the text.
Character The distance (in pixels) between two adjacent characters of the text.
Spacing
The alignment of the text.

Position The position of the text body.

Shape BG Color The BG color of the object’s shape for the current state.
Copy Attributes to Click this button to use the current attributes to replace the text of ON state.
ON State
Copy Attributes to Click this button to use the current attributes to replace the text of OFF state.
OFF State

4.3.5.2. Picture Sub-page Settings


You can use the Picture sub-page, OFF Picture sub-page, and ON Picture sub-page to set up the picture of the inner label
for the corresponding states.

The following are examples of the Picture pages:

Picture sub-page ON Picture sub-page.

4-47 CHAPTER 4 DESIGNING SCREENS


4
The following table describes each property in the Picture sub-page, OFF Picture sub-page, and ON Picture sub-page.
Property Description
Name The name of the picture. You can use the drop-down list to select a picture from the picture database.
Click to select a picture file. After the selection, the picture of the selected file is imported and
saved in the picture database.
Click to bring up the Select/Import from Library dialog box. Select a picture from a picture library
file. After the selection, the selected picture is imported and saved in the picture database.
Copy to OFF
Click this button to use the current picture to replace the picture of OFF state.
State
Copy to ON
Click this button to use the current picture to replace the picture of ON state.
State
Transparent Check this item to make parts of the picture transparent. The transparent parts are pixels whose
colors are the same as the specified transparent color. This item is available when the picture is not a
black and white picture.
T. Color The transparent color.
FG Color The color to paint the black part of a black and white picture. This item is available when the picture is
a black and white picture.
BG Color The color to paint the white part of a black and white picture. This item is available when the picture is
a black and white picture.
Flip/Rotate Specifies the method to flip or rotate the picture before drawing it. There are 8 options:
Method Description
0° No rotation
90° Rotates the picture clockwise by 90 degrees
180° Rotates the picture clockwise by 180 degrees
270° Rotates the picture clockwise by 270 degrees
X Flips the picture over the X axis
90° & X Rotates the picture clockwise by 90 degrees and flips it over the
X Axis
Y Flips the picture over the Y axis
90° & Y Rotates the picture clockwise by 90 degrees and flips it over the
Y Axis

Tone Check this item to tone the picture.


Toning Color The color to tone the picture.
Fit to Object Check this item so the picture can change its size automatically to fit inside the border of the object’s
shape.
Position

The position of the picture within the object.

Shape BG
The BG color of the object’s shape for the current state.
Color

CHAPTER 4 DESIGNING SCREENS 4-48


4
4.3.6. Text Settings
This section describes how to set up the text of the inner label for the following types of objects:
Multi-state Switch, Radio Button Group, Step Button, Page Selector, Multi-state Lamp, Message Display, and
Day-of-week Display.

The property sheets of the above mentioned objects provide you with the Text page to set up the text of the inner label.
The following is an example of the Text page.

You can view the texts and the picture names of all
the states here. You can select a state from the list.
The text of the selected state becomes the current
text.

The text of the current state and


language. You can view and edit
the current text here.

The following table describes each property in the Text page.


Property Description
Language The language that you are setting the text to.
Border Spacing The margin (in pixels) of the border for the text body to the object’s shape.
Use the text of the
Check this item so the inner label always shows the text of the first language regardless of
first language for all
what the current language is.
other languages
<State list> Lists all states and the corresponding texts. To view and modify the state attribute and its text,
click the row of that state.
Move Up Click this button to move the current text (and picture) up the list, and thus the associated
state number of the current text (and picture) is decreased by one.
Move Down Click this button to move the current text (and picture) down the list, and thus the associated
state number of the current text (and picture) is increased by one.
Continued

4-49 CHAPTER 4 DESIGNING SCREENS


4
Property Description
Copy to all states… Click this button to use the text of state 0 to replace the text of all other states.
Copy from state 0… Click this button to use the text of state 0 to replace the current text.
Font The font of the current text. You can use the drop-down list to select a font.
Click to bring up the Font Templates dialog box and select a font for the current text.
You can change the font templates before selecting a font from the dialog box.
Color The color of the current text. To specify the color, click the corresponding Color icon and
select a color from the Color palette.
Transparent Check this item to make the text’s background transparent.
BG Color The background color of the text.

The alignment of the text.

Position

The position of the text body.

Blink Select blink effects to make the text blink. Color switching changes the color of the text from
its original color to the color of the background. Text On/Off displays and hides the text.
Shape BG Color The BG color of the object’s shape for the current state.
Text <Edit Box> /
The text for the selected state in current language.
<Combo Box>

/ Click to view and edit the text for the selected language in this edit box, or click to
select a text from dropdown text table that lists all the texts from Text Database. You can
change the text database before selecting a text.
Line Spacing The distance (in pixels) between two adjacent lines of the text.
Character Spacing The distance (in pixels) between two adjacent characters of the text.

CHAPTER 4 DESIGNING SCREENS 4-50


4
4.3.7. Picture Settings
This section describes how to define the picture settings for the following types of objects:
Multi-state Switch, Radio Button Group, Step Button, Page Selector, Multi-state Lamp, Picture Display, and Animated
Graphic.

The property sheets of the above mentioned objects provide you the Picture page to define the picture settings of the
objects. The following is an example of the Picture page.

The following table describes each property in the Picture page.

Property Description
Picture The name of the current picture. You can use the drop-down list to select a picture from the picture
database.
Click to select a picture from a file as the current picture. After the selection, the software imports
the picture of the selected file and saves the picture in the picture database.
Click to bring up the Select/Import from Library dialog box. Select a picture from a picture library
file as the current picture. After the selection, the software imports the selected picture from the
selected library and saves the picture in the picture database.
Continued

4-51 CHAPTER 4 DESIGNING SCREENS


4
Property Description
Transparent Check this item to make parts of the current picture transparent. The transparent parts are pixels
whose colors are identical to the specified transparent color. This item is available when the current
picture is not a black and white picture.
Transparent The transparent color.
Color
FG Color The color to paint the black part of a black and white picture. This item is available when the current
picture is a black and white picture.
BG Color The color to paint the white part of a black and white picture. This item is available when the current
picture is a black and white picture.
Flip/Rotate Specifies the method to flip or rotate the current picture before drawing it. There are 8 options:
Method Description
0° No rotation
90° Rotates the picture clockwise by 90 degrees
180° Rotates the picture clockwise by 180 degrees
270° Rotates the picture clockwise by 270 degrees
X Flips the picture over the X axis
Rotates the picture clockwise by 90 degrees and flips it over the X
90° & X
Axis
Y Flips the picture over the Y axis
Rotates the picture clockwise by 90 degrees and flips it over the Y
90° & Y
Axis

Tone Check this item to tone the current picture.


Toning Color The color to tone the current picture.
Fit to Object Check this item so the current picture can change its size automatically to fit inside the border of the
object’s shape.
Position The position of the current picture within the object.

Shape BG The BG color of the object’s shape for the current state.
Color

CHAPTER 4 DESIGNING SCREENS 4-52


4
4.3.8. External Label Settings
This section describes how to set up the external label for the following types of objects:
Bit Button, Toggle Switch, Screen Button, Slide Switch, Word Button, Multi-state Switch, Radio Button Group, Step
Button, Numeric Entry, Numeric Display, Advanced Numeric Display, ASCII String Entry, ASCII String Display, Bit
Lamp, Multi-state Lamp, Message Display, Picture Display, and Bar Graph.

You can use the External Label page of an object's property sheet to set up the external label of that object. The following
is an example of the External Label page.

The following table describes each property in the External Label page.

Property Description
Plate Style Specifies the plate type of the external label. There are four plate types as shown
below:
Plate Type Example

Transparent,

Flat,

Outlined

Raised

Continued

4-53 CHAPTER 4 DESIGNING SCREENS


4
Property Description
Position Specifies the position of the external label relative to the object. There are four
positions as shown below:
Position Example

Top

Left

Right

Bottom

Color The border color of the plate. To specify the color, click the corresponding Color icon
Border
and select a color from the Color palette.
The color of the plate. To specify the color, click the corresponding Color icon and
Plate
select a color from the Color palette.
The color of the text. To specify the color, click the corresponding Color icon and
Text
select a color from the Color palette.
Language The language that you are setting the text to.
Font <Drop-down List> The font of the text for the current language
Click this button to bring up the Font Templates dialog box and select a font for the
text. You can change the font templates before selecting a font in that dialog box.
Text <Edit Box> /
The text for the current language.
<Combo Box>

/ Click to view and edit the text for the selected language in this edit box, or click
to select a text from dropdown text table that lists all the texts from Text
Database. You can change the text database before selecting a text.

The alignment of the text.

Spacing Border The distance (in pixels) between the plate border and the text body.
Line The distance (in pixels) between two adjacent lines of the text.
Character The distance (in pixels) between two adjacent characters of the text.

CHAPTER 4 DESIGNING SCREENS 4-54


4
4.4. Setting up Objects

4.4.1. States of Objects


When an object has multiple states, its appearance automatically has the same number of corresponding states. You need
to specify the settings of the shape and the inner label of an object for each state. Usually the state of an object is
determined by the value of the variable it monitors. An object that monitors a bit has state 0 (off) and state 1 (on). An object
that monitors a word or a double-word can have up to 256 states.

4.4.1.1. State Types


You need to specify the state type of an object so the object knows how to determine its state. The following table
describes each of the four state types.
State Type For How to decide the state
Bit Bit Variable The state is the value of the variable.
Example:
1)The state of $U1.3 is 0 when $U1.3 is 0 (off).
2)The state of WX3.f is 1 when WX3.f is 1 (on).
Value Word Variable, The state is the value of the variable. The valid states are from 0 to 255.
Double-word Variable Example:
1)The state of $U200 is 123 when $U200 is 123.
2)The state of WX20 is 0 when WX20 is 0.
3)The state of $N300 is invalid when $N300 is 999.
LSB Word Variable, The state is the number of the least significant bit of the variable’s value that is 1
Double-word Variable (on). For a word variable, the valid state are from 0 to 16 and state 16 means all
the bits are 0. For a double-word variable, the valid state are from 0 to 32 and
state 32 means all the bits are 0.
Example:
1)The state of $U200 is 1 when $U200 is 246H.
2)The state of WX20 is 19 when WX20 is 80000H.
3)The state of $N300 is 16 when $N300 is 0.
Custom Word Variable, When you configure an object with the Custom state type, you assign each valid
Double-word Variable state a unique number which is called a state value. The assigned state values
will be used to determine the state of the object. If the variable’s value is equal to
one of the state values, the corresponding state of the state value is the state of
the object. If the value is equal to none of the state values, the state is invalid.
Example:
An object monitors $U100 and its state type is Custom. There are three valid
states and you assigned 300, 200, and 100 to state 0, 1, and 2 respectively. The
state is 2 when $U100 is 100 and the state is 0 when $U100 is 300.

4-55 CHAPTER 4 DESIGNING SCREENS


4
4.4.1.2. Setting the Custom States of an Object
In the General page of the object’s property dialog box, with the Custom state type selected, click the
button to bring up the Custom State Value dialog box as the example shown below.

You can assign a positive integer for each state in the dialog box. To edit the value, click the row of that state under the
value column.
You can use the Move Up button and the Move Down button to adjust the position of state values. To move up or move
down the state values, you need to make a selection first. To select a state, click the header column. To select multiple
rows, click the header column and use Ctrl+Click to add a row to the selection.

CHAPTER 4 DESIGNING SCREENS 4-56


4
4.4.2. Operation Options of Objects
The following table explains operation options which can be added to an object to make it more informative, secure, and
useful.

Terminology Definition
Enabling and disabling the The touch operation can be enabled and disabled either by a specified bit or by the
touch operation current user level. You can choose to display the touch operation disabled sign on the
button when the touch operation is disabled.

If the touch operation is to be enabled by a bit, you need to specify that bit and the bit
value that enables the touch operation.

If the touch operation is to be enabled by the current user level, you need to specify the
lowest user level that is required to enable the touch operation.

Select and set this feature in the Advanced page of the Bit Button dialog box.
Requiring the minimum hold The touch operation will not be activated until the button is pressed and held down for
time the specified Minimum Hold Time.

Select and set this feature in the Advanced page of the Bit Button dialog box.
Requiring the operator A confirmation dialog box is displayed when the button is activated for setting a bit. The
confirmation button will proceed to set that bit if the operator selects “Yes” to confirm the operation.
The touch operation will be cancelled if the operator selects “No” to reject the operation
or if the operator does not respond within the Maximum Waiting Time.

This feature is available for the following operations:


Set ON, Set OFF, Set ON Pulse, Set OFF Pulse, and Invert.

Select and set this feature in the Advanced page of the Bit Button dialog box.
Notifying a bit of the touch The notification is performed after the touch operation is done. You need to specify the
operation bit to be notified and the bit value to be used for the notification.

Select and set this feature in the Advanced page of the Bit Button dialog box.
Logging the touch operations The time and date when the touch operation occurs, the new value that is written to the
bit, and the predefined text can be recorded in the operation log with this feature.

Select and set this feature in the Advanced page of the Bit Button dialog box.
Showing and hiding an object The visibility of an object can be controlled either by a specified bit or by the current
user level, i.e. an object can be shown and hidden dynamically by any of these two
methods.

If visibility is to be controlled by a bit, you need to specify that bit and the bit value that
shows the object.

If visibility is to be controlled by the current user level, you need to specify the lowest
user level that is required to show the visibility.

Note 1: When an object is invisible, the touch operation is automatically disabled.


Note 2: It is allowed to simply set an object as invisible. The touch operation is still
enabled with this setting.
Select and set this feature on the Visibility page of the object setting dialog box.

4-57 CHAPTER 4 DESIGNING SCREENS


4
4.4.3. Address Settings
This chapter describes the terms, rules, and methods to address data.

4.4.3.1. Terminologies for Data Accessing


The following table explains variables, addresses and tags.

Terminology Definition
Internal memory The memory space in the target panel that can be accessed by the panel application. For
example, the user memory $U, the non-volatile memory $N, the system memory $S, and
the recipe memory $R are all parts of the internal memory.
Internal variable An address or a tag referring to an address of a space in the internal memory.
Internal bit variable An internal variable that refers to a bit in the internal memory.

Note: “Internal variable” instead of “internal bit variable” is used when referring to a bit if
there is no ambiguity.
Internal word variable An internal variable that refers to a word in the internal memory.
The variables can also be used to refer to a double-word, a block of bytes (byte array), a
block of words (word array), and a block of double-words (double-word array).

Note: “Internal variable” instead of “internal bit variable” is used when referring to a bit if
there is no ambiguity.
External memory The memory spaces or the collections of addressable devices in the controllers that can
be accessed by the panel application through communication links.
External variable An address or a tag referring to an address of a space in the external memory.
External bit variable An external variable that refers to a bit in the external memory.

Note: “External variable” instead of “external bit variable” is used when referring to a bit if
there is no ambiguity.
External word variable An external variable that refers to a word in the external memory.
The variables can also be used to refer to a double-word, a block of bytes (byte array), a
block of words (word array), and a block of double-words (double-word array) if the access
unit of the associated addresses is word. If the access unit is double-word, you can only
use the variable to refer to a double-word or a block of memory space with a length of a
multiple of 4 (bytes).

Note: “External variable” instead of “external bit variable” is used when referring to a bit if
there is no ambiguity.
Variable An internal variable or an external variable.
Bit variable An internal bit variable or an external bit variable.
Word variable An internal word variable or an external word variable.
Double-word variable An internal variable or an external variable that refers to a double-word.
Byte array variable An internal variable or an external variable that refers to a byte array.
Word array variable An internal variable or an external variable that refers to a word array.
Double-word array variable An internal variable or an external variable that refers to a double-word array.
Tag A name that stands for an address of the internal memory or the external memory. It also
specifies the data type and scan rate of the data in the memory location it refers to.

CHAPTER 4 DESIGNING SCREENS 4-58


4
4.4.3.2. Address Input Keypad

With the address input keypad, you can enter an address easily. Usually, you click to bring up the address input
keypad as shown below.

Property Description
Link Click the down arrow and select a link from the drop down list.
PLC Click the down arrow and select a value between 0 and 255 or
Address an indirect address between [$I0] and [$I15] as the PLC
Address. If an indirect address is used, the plc address can be
dynamically changed.
Location Click the down arrow and select an item from the drop down list
Type as the location type.
Address Specify the address.
Input
keypad Buttons Description
Clears all the texts in the address field.

Deletes all selected texts, if any, or the text


character to the left of the cursor in the address
field.
Cancels the address input and escapes the
dialog.
Checks and enters the address if valid.

Others Click to specify the address. Only available


when the Address field holds the input focus.

Click the help button to see how to specify word or bit devices
and their addresses for the specified link in the following
pop-up dialog.

4-59 CHAPTER 4 DESIGNING SCREENS


4
4.4.3.3. Selecting Tags

To select a tag, you can click to bring up the Select Tag dialog box as shown below.

All the predefined word or bit tags for the


selected link are listed. To use a tag, you
can double click the tag you want or select a
tag and then click the OK button.

Tag group

Selected tag

The address for the selected tag

Note: All the listed tags and tag groups are created in the Tags Editor. To create a tag, please see Section 2.3 Working with
Tags.

CHAPTER 4 DESIGNING SCREENS 4-60


4
4.4.4. Scale Settings
This section describes how to set up the scale for the following types of objects:
Slide Switch, Bar Graph, Circular Bar Graph, and Meter.

The following are examples of scales used in different kinds of objects.

Slide Switch Circular Bar Graph

Major
Marks ticks

Axis Bar Graph


Minor
ticks

You can use the Scale page in an object's property sheet to set up the scale of that object. The following is an example of
the Scale page of the bar Graph.

4-61 CHAPTER 4 DESIGNING SCREENS


4
The following table describes each property in the Scale page.
Property Description
Scale Check this item if you want the object to have a scale.
Position Specifies the position of the scale in the object. The position is relative to the part of the
object that displays the monitored variable. There are six positions shown below:

Position Example Position Example

Top Bottom

Left Right

Inner Outer

Color The color of the scale. To specify the color, click the corresponding Color icon and select a
color from the Color palette.
Number of Major Ticks The number of major ticks. The minimum you can specify is two.
Number of Sub The number of divisions between two adjacent major ticks. The minimum you can specify is
Divisions one.
Axis Check this item if you want the scale to have an axis.
Marks Marks Check this option if you want the scale to have marks.
Font The font of the marks.
Dynamic Check this option if you want the minimum and maximum of the marks to be controlled by
Range the dynamic range parameter block of the associated object at runtime.
Minimum The minimum of the marks. It is a 32-bit integer.
Maximum The maximum of the marks. It is a 32-bit integer.
Total Digits The total digits to be displayed for the marks.
Fractional The number of fractional digits for the marks. For example, when the Maximum = 5000, the
Digits Total Digits = 4, and the Fractional Digits = 2, the mark for the Maximum will be 50.00.

CHAPTER 4 DESIGNING SCREENS 4-62


4
4.4.5. Advanced Settings
This section describes how to define the advanced settings for the following types of objects:
Bit Button, Toggle Switch, Screen Button, Function Button, Slide Switch, Word Button, Multi-state Switch, Radio
Button Group, Step Button, Advanced Numeric Display, ASCII String Entry, and Recipe Selector.
You can use the Advanced page in an object's property sheet to define the advanced settings of that object.

The following are examples of the Advanced page for different objects:

For an advanced numeric display. For a bit button.

The following table describes each property in the Advanced page.

Property Description
Touch Enabled by Bit Check this option so the touch operation of the numeric entry will be enabled and
Operation disabled by the specified bit.
Control Control Bit Specifies the bit that enables and disables the touch operation.
Click to enter a bit address. Click to select a bit tag.
Enabling State Specifies the state (On or Off) that enables the touch operation.
Enabled by Check this item so the touch operation of the numeric entry will be enabled and
User Level disabled by the current user level.
Lowest Specifies the lowest user level that is required to enable the touch operation.
Enabling User
Level
Show Disabled Check this option so the touch operation disabled sign will be shown on the numeric
Sign entry when the touch operation is disabled.
Continued

4-63 CHAPTER 4 DESIGNING SCREENS


4
Property Description
Timeout Timeout Check this option so the data entry will be cancelled if the numeric keypad does not
receive any input within the specified time.
Timeout Time Specifies the maximum time that the numeric keypad will wait to receive a new input.
If there is no input within the specified time, the numeric keypad will be closed and
the data entry will be cancelled.
Notification Notification Check this option so the numeric entry will notify the specified bit after it finishes
outputting the entered value to the destination variable.
Signal Select one of the following signals for the notification:

Signal Description
Level Set the specified bit to the specified state.
Pulse Send a positive pulse to the specified bit.

Bit Specifies the bit that receives the notification.


State Specifies the state (On or Off) that is used for the notification.
Operator Operator Check this option if you want the operator to confirm what he/she enters for the
Confirmation Confirmation numeric entry. The Confirmation box will be displayed when a value is entered for
numeric entry. If the operator selects “Yes” in the Confirmation box, the numeric
entry will write the entered value to the specified variable. If the operator selects “No”
or if the operator does not respond within the specified time period (Maximum
Waiting Time), the numeric entry will cancel the data entry operation.
Maximum Specifies the maximum time that the numeric entry will wait for the operator’s
Waiting Time confirmation. The data entry will be cancelled if the operator does not respond within
this time.
Operation Operation Check this option so the following three items will be recorded in the operation log
Logging Logging when the numeric entry outputs the entered value.
There are three recorded items:
1) The time when the operation is performed
2) The entered value
3) The predefined operation message
Message Enter the operation message of the first language here.
Click this button to bring up the Operation Message dialog box that you can edit the
operation message for all the languages.
Minimum Hold Time Available when the object is a button or switch. The touch operation of the button will
not be activated until the button is pressed and held down for the specified time
period (Minimum Hold Time).

CHAPTER 4 DESIGNING SCREENS 4-64


4
4.4.6. Visibility Settings
In the Visibility page of an object's property sheet, you can define how to show and hide the object. You can also modify
the position and size of an object with the Visibility page.

The following are examples of the Visibility page:

The option “Controlled by Bit” is checked The option “Controlled by User Level” is checked

The following table describes each property in the Visibility page.

Property Description
Invisible Check this option so the object will always be invisible.
Note: The touch operation is still enabled with this setting.
Controlled Controlled by Bit Check this option so the object will be shown and hidden by the specified bit.
by Bit Control Bit Specifies the bit that will show or hide the object.
Click to enter the bit address. Click to enter the bit tag.
Visible State Specifies the state (On or Off) that makes the object visible.
Controlled Controlled by Check this option so the object will be shown and hidden by the current user level.
by User User Level
Level Lowest Visible Specifies the lowest user level that is required to show the object.
User Level
Dimension Left Specifies the X coordinate of the object’s upper-left corner on the screen.
Top Specifies the Y coordinate of the object’s upper-left corner on the screen.
Width Specifies the width (in pixels) of the object.
Height Specifies the height (in pixels) of the object.
Click this button to redraw the object with the new settings.

4-65 CHAPTER 4 DESIGNING SCREENS


CHAPTER 5

B UTTONS AND
SWITCHES

5.1. Changing Bit State Using Bit Buttons ........................................................ 1


5.1.1. Basic Operations............................................................................................................ 1
5.1.2. Operation Options.......................................................................................................... 2
5.1.3. Settings .......................................................................................................................... 3
5.1.4. General Settings............................................................................................................. 4
5.2. Toggling Bit State Using Toggle Switches................................................... 6
5.2.1. Settings .......................................................................................................................... 6
5.2.2. General Settings............................................................................................................. 7
5.3. Changing Screens Using Screen Buttons.................................................... 9
5.3.1. Basic Operations............................................................................................................ 9
5.3.2. Operation Options.......................................................................................................... 9
5.3.3. Settings ........................................................................................................................ 10
5.3.4. General Settings........................................................................................................... 11
5.4. Performing Built-in Function Using Function Buttons .......................... 14
5.4.1. Basic Operations.......................................................................................................... 14
5.4.2. Operation Options........................................................................................................ 17
5.4.3. Settings ........................................................................................................................ 18
5.4.4. General Settings........................................................................................................... 19
5.5. Selecting Word Value Using Slide Switches ............................................. 21
5.5.1. Basic Operations.......................................................................................................... 21
5.5.2. Operation Options........................................................................................................ 22
5.5.3. Settings ........................................................................................................................ 22
5.5.4. General Settings........................................................................................................... 23
5.6. Setting Word Value Using Word Buttons................................................. 25
5.6.1. Basic Operations.......................................................................................................... 25
5.6.2. Operation Options........................................................................................................ 25
5.6.3. Settings ........................................................................................................................ 26
5.6.4. General Settings........................................................................................................... 26

-i-
5.7. Selecting Work Value Using Multi-state Switches................................... 28
5.7.1. Basic Operations.......................................................................................................... 28
5.7.2. Operation Options........................................................................................................ 29
5.7.3. Settings ........................................................................................................................ 30
5.7.4. General Settings........................................................................................................... 31
5.8. Setting Word State Using Radio Button Groups ..................................... 33
5.8.1. Basic Operations.......................................................................................................... 33
5.8.2. Operation Options........................................................................................................ 33
5.8.3. Settings ........................................................................................................................ 34
5.8.4. General Settings........................................................................................................... 34
5.9. Customizing the Keypad Using Keypad Buttons .................................... 36
5.9.1. Operation Options........................................................................................................ 36
5.9.2. Settings ........................................................................................................................ 36
5.9.3. General Settings........................................................................................................... 37
5.9.4. Creating your own keypads ......................................................................................... 38
5.10. Scrolling Object Content Using Scroll Button Groups........................... 40
5.10.1. Basic Operations.......................................................................................................... 40
5.10.2. Operation Options........................................................................................................ 41
5.10.3. Settings ........................................................................................................................ 41
5.10.4. General Settings........................................................................................................... 42
5.11. Scrolling Object Content Using Scroll Bars............................................. 43
5.11.1. Basic Operations.......................................................................................................... 43
5.11.2. Operation Options........................................................................................................ 44
5.11.3. Settings ........................................................................................................................ 44
5.11.4. General Settings........................................................................................................... 45
5.12. Stepping Through Word State Using Step Buttons ................................. 46
5.12.1. Basic Operations.......................................................................................................... 46
5.12.2. Operation Options........................................................................................................ 46
5.12.3. Settings ........................................................................................................................ 47
5.12.4. General Settings........................................................................................................... 47
5.13. Displaying Window Screen as Information Page Using Page Selectors 50
5.13.1. Basic Operations.......................................................................................................... 50
5.13.2. Settings ........................................................................................................................ 50
5.13.3. General Settings........................................................................................................... 51

- ii -
45
5.1. Changing Bit State Using Bit Buttons
You can touch a bit button to change the state of the specified bit.

5.1.1. Basic Operations


A bit button can be configured to perform the following operations:

Operation Description
Set ON Sets the specified bit to On when the button is pressed.
Set OFF Sets the specified bit to Off when the button is pressed.
Sets the specified bit to On when the button is pressed and then sets the bit to Off to generate a
Set ON Pulse
positive pulse with the specified pulse width.
Sets the specified bit to Off when the button is pressed and then sets the bit to On to generate a
Set OFF Pulse
negative pulse with the specified pulse width.
Sets the specified bit to On when the button is pressed and sets the bit to Off when the button is
released.
Momentary ON Note: Pressing and releasing a momentary button quickly might generate a pulse that is too short
to be detected by the controller. To avoid this problem, specify a sufficient minimum pulse width for
the operation; so the setting of the bit to Off is delayed if necessary to generate a pulse that is
always detectable.
Sets the specified bit to Off when the button is pressed and sets the bit to On when the button is
Momentary OFF released.
Note: See the note above.
Invert Inverts the state of the specified bit when the button is pressed.
Note: You can configure a bit button to operate a bit of a word or a bit of a double-word. In these instances, you need to
specify the number of the bit to be operated.

5-1 CHAPTER 5 BUTTONS AND SWITCHES


5
5.1.2. Operation Options
The following operation options can be selected for a bit button to make it more informative, secure, and useful. You need
to select and set those options in the Bit Button property sheet.

Option Description
Monitor The bit button can be configured to monitor a bit. When this option is selected, the state of the
button is controlled by the monitored bit. With the monitored bit, you can control the color and label
of the bit button.
ON Macro, OFF An ON Macro is a macro that is run when the associated button is activated to set a bit to 1 (On).
Macro An OFF Macro, on the contrary, is a macro that is run when the associated button is activated to set
a bit to 0 (Off). The following table shows the macros that each bit button operation can support.

Operation ON Macro OFF Macro


Set ON ●
Set OFF ●
Set ON Pulse ●
Set OFF Pulse ●
Momentary ON ● ●
Momentary OFF ● ●
Invert
Select these options in the General Page. Specify and edit the ON macro in the ON Macro page.
Specify and edit the OFF macro in the OFF Macro page.
Note: When an ON macro or OFF macro is specified, the associated bit setting operation is not
performed until the macro is completely executed. Therefore, it is important to keep ON and OFF
macros as short as possible so as not to delay the bit setting operation.
Touch Operation The touch operation can be enabled or disabled either by a specified bit or by the current user level.
Control Select and set this option in the Advanced page.
Minimum Hold The touch operation of the button will not be activated until the button is pressed and held down for
Time the specified time period (Minimum Hold Time). Set this option in the Advanced page.
Operator This option is available for the following bit button operations:
Confirmation Set ON, Set OFF, Set ON Pulse, Set OFF Pulse, and Invert.
The Confirmation box will display when the button is touched. If the operator selects “Yes” in the
Confirmation box, the button will proceed to perform its operation. If the operator selects “No” or the
operator does not respond within the specified time period (Maximum Waiting Time), the button will
stop performing its operation.
Select and set this option in the Advanced page.
Notification The button can be configured to notify a bit upon completion of the bit setting operation when the
button is pressed. Select and set this option in the Advanced page.
Operation Each touch operation of the button can be recorded in the operation log. Select and set this option
Logging in the Advanced page.
Invisible The button can be invisible and still touch operable. Select this option in the Visibility page.
Visibility Control The button can be shown or hidden either by a specified bit or by the current user level. Select and
set this option in the Visibility page.

CHAPTER 5 BUTTONS AND SWITCHES 5-2


45
5.1.3. Settings
You can complete all the settings of a bit button in the Bit Button property sheet. This sheet contains the following seven
pages. Some of the pages appear only when they are needed.
■ General
Described in Section 5.1.4.
■ Label
Described in Section 4.3.5.
■ Advanced
Described in Section 4.4.5.
■ Visibility
Described in Section 4.4.6.
■ External Label
Described in Section 4.3.8.
■ On Macro
Described in Section 14.2.6.
■ OFF Macro
Described in Section 14.2.6.

5-3 CHAPTER 5 BUTTONS AND SWITCHES


5
5.1.4. General Settings
This section describes how to define the general settings for the bit buttons in the General page of the Bit Button property
sheet. The following is an example of the General page.

The following table describes each property in the General page.

Property Description
ID The object’s identifier. It is generated when the object is created. The identifier is unique within
the screen where the object is located. The format of the IDs for the bit buttons is BBnnnn.
Note You can type a note for the bit button.
Shape settings For details about the following properties, see Section 4.3.4 Setting up the Shape of an Object.
Picture Shape, , VFTA, , Border Color, Pattern, FG Color, BG Color
External Label Check this option if you want the bit button to have an external label. Set up the external label in
the External Label page.
Click this button to change the object state to 1 (On) so you can view and set the object
appearance for state 1 (On).
Click this button to change the object state to 0 (Off) so you can view and set the object
appearance for state 0 (Off).
Continued

CHAPTER 5 BUTTONS AND SWITCHES 5-4


45
Property Description
Operation Select the operation for the bit button. There are 7 choices: Set ON, Set OFF, Set ON Pulse,
Set OFF Pulse, Momentary ON, Momentary OFF, and Invert.
For details, see Section 5.1.1 Basic Operations
Address Type Specifies the type of variable in the Write Address field. The bit buttons support the following
three variable types:
Variable Type Description
Bit The variable is a bit variable.
Word The variable is a word variable. You need to specify which bit of the
word variable is to be operated. Specify the bit number (0~15) in the
Bit Number field.
Double-word The variable is a double-word variable. You need to specify which bit
of the double-word variable is to be operated. Specify the bit number
(0~31) in the Bit Number field.
Write Write Specifies the bit variable to be operated when the Address Type is Bit.
Address Address Specifies the word variable that contains the bit to be operated when the Address Type is
Word.
Specifies the double-word variable that contains the bit to be operated when the Address
Type is Double-word.
Click this icon to bring up the Address Input Keypad and specify the desired address for the
Write Address field.
Click this icon to bring up the Select Tag dialog box and select the desired tag for the Write
Address field.
Bit Number Specifies which bit of the variable specified in the Write Address field is to be operated. The
field is available only when the address type is Word and Double Word.
Minimum Pulse Width The minimum width of the pulse that the Momentary ON and Momentary OFF operations
must generate. There are six choices available: 0.05, 0.1, 0.2, 0.3, 0.4, and 0.5 second.
Pulse Width The width of the pulse generated by the Set ON Pulse and Set OFF Pulse operations. There
are six choices available: 0.05, 0.1, 0.2, 0.3, 0.4, and 0.5 second.
Monitor Check this option if you want the bit button to monitor a specified bit and display its state.
Monitor Address Specifies that the Monitor Address is identical to the Write Address. With this item checked,
identical to Write you don’t need to specify the Monitor Address again. This item is available when the Monitor
Address option is checked.
Monitor Monitor Specifies the bit variable to be monitored when the Address Type is Bit.
Address Address Specifies the word variable that contains the bit to be monitored when the Address Type is
Word.
Specifies the double-word variable that contains the bit to be monitored when the Address
Type is Double-word.
Click this icon to bring up the Address Input Keypad and specify the desired address for the
Monitor Address field.
Click this icon to bring up the Select Tag dialog box and select the desired tag for the
Monitor Address field.
Monitored Specifies which bit of the variable specified in the Monitor Address field is to be operated.
Bit Number The field is available only when the address type is Word and Double Word.
ON Macro Check this option if you want the button to have an ON macro. Specify and edit the ON
macro in the ON Macro page. This option is available when the bit button operation is Set
ON, Set ON Pulse, Momentary ON, or Momentary OFF.
OFF Macro Check this option if you want the button to have an OFF macro. Specify and edit the OFF
macro in the OFF Macro page. This option is available when the bit button operation is Set
OFF, Set OFF Pulse, Momentary ON, or Momentary OFF.
Key The hard key that is used to operate the bit button. This item is available only when the
target panel has hard keys.

5-5 CHAPTER 5 BUTTONS AND SWITCHES


5
5.2. Toggling Bit State Using Toggle Switches

You can touch a toggle switch to toggle the state of the specified bit.

The difference between a toggle switch and a bit button performing the Invert operation is described below:
1) A toggle switch performs the toggle operation by writing the inverse state of the monitored bit to the destination bit.
2) A bit button performs the Invert operation by inverting the destination bit directly, regardless of the monitored bit.

5.2.1. Settings
You can complete all the settings of a toggle switch in the Toggle Switch property sheet. This sheet contains the following
seven pages. Some of the pages appear only when they are needed.
■ General
Described in Section 5.2.2.
■ Label
Described in Section 4.3.5.
■ Advanced
Described in Section 4.4.5.
■ Visibility
Described in Section 4.4.6.
■ External Label
Described in Section 4.3.8.
■ On Macro
Described in Section 14.2.6.
■ OFF Macro
Described in Section 14.2.6.

CHAPTER 5 BUTTONS AND SWITCHES 5-6


45
5.2.2. General Settings
This section describes how to define the general settings for a toggle switch.

The above is an example of the General page of the Toggle Switch property sheet.
The following table describes each property in the General page.

Property Description
The object’s identifier. It is generated when the object is created. The identifier is unique within the
ID
screen where the object is located. The format of the IDs for toggle switches is TSnnnn.
Note You can type a note for the object.
For details about the following properties, see Section 4.3.4 Setting up the Shape of an Object..
Shape settings
Picture Shape, , VFTA, , Border Color, Pattern, FG Color, BG Color
Check this option if you want the object to have an external label. Set up the external label in the
External Label
External Label page.
Continued

5-7 CHAPTER 5 BUTTONS AND SWITCHES


5
Property Description
Click this button to change the object state to 1 (On) so you can view and set the
object appearance for state 1 (On).
Click this button to change the object state to 0 (Off) so you can view and set the
object appearance for state 0 (Off).
Write Address Specifies the bit variable to be operated.
Click this icon to bring up the Address Input Keypad and specify a bit address for the
Write
Write Address field.
Address
Click this icon to bring up the Select Tag dialog box and select a bit tag for the Write
Address field.
Specifies that the Monitor Address is identical to the Write Address. With this item
Monitor Address identical to
checked, you don’t need to specify the Monitor Address again. This item is available
Write Address
when the Monitor option is checked.
Monitor Address Specifies the bit variable to be monitored.
Click this icon to bring up the Address Input Keypad and specify a bit address for the
Monitor
Monitor Address field.
Address
Click this icon to bring up the Select Tag dialog box and select a bit tag for the Monitor
Address field.
Check this option if you want the button to have an ON macro. Specify and edit the
ON Macro
ON macro in the ON Macro page.
Check this option if you want the button to have an OFF macro. Specify and edit the
OFF Macro
OFF macro in the OFF Macro page.
The hard key that is used to operate the object. This item is available only when the
Key
target panel has hard keys.

CHAPTER 5 BUTTONS AND SWITCHES 5-8


45
5.3. Changing Screens Using Screen Buttons

You can touch a screen button to open or close a screen.

5.3.1. Basic Operations


A screen button can be configured to perform one of the following screen switching operations:

Operation Description
Open Screen Opens the specified screen.
Previous Screen Closes the current main screen and opens the previous main screen.
Note: The panel can display many window screens but only one normal screen at a time, so
a normal screen is also called a main screen. The panel can remember up to 32 previously
opened main screens.
Close & Open Screen Closes the window screen where the screen button is located and opens the specified
screen.
Close Screen Closes the window screen where the screen button is located.

5.3.2. Operation Options


The following operation options can be selected for a screen button to make it more informative, secure, and useful. You
need to select and set these options in the Screen Button property sheet.

Options Description
Change User Level The button can be configured to change the current user level.
The button can be configured to acknowledge the associated alarm on the screen where it is
Acknowledge Alarm located. You can configure an alarm to display an (alarm) screen. The alarm is then the
screen’s associated alarm.
Indicate Screen The button can be configured to indicate that a specified screen is opened. The indication is
Already Opened done by exchanging the button’s FG color with its text color.
You can specify a macro that will run when the screen button is activated to perform its
operation. Select this option in the General page. Specify and edit the macro in the Macro
page.
Macro
Note: The screen switching operation will not be performed until the macro is completely
executed. Therefore, it is important to keep the macro as short as possible so as not to delay
the operation.
Touch Operation The touch operation can be enabled or disabled either by a specified bit or by the current user
Control level. Select and set this option in the Advanced page.
The touch operation of the button will not be activated until the button is pressed and held
Minimum Hold Time down for the specified time period (Minimum Hold Time). Select and set this option in the
Advanced page.
The screen button can be configured to notify a bit of the completion of the screen switching
Notification
operation. Select and set this option in the Advanced page.
Each touch operation of the button can be recorded in the operation log. Select and set this
Operation Logging
option in the Advanced page.
Invisible The button can be invisible and still touch operable. Select this option in the Visibility page.
The button can be shown or hidden either by a specified bit or by the current user level. Select
Visibility Control
and set this option in the Visibility page.

5-9 CHAPTER 5 BUTTONS AND SWITCHES


5
5.3.3. Settings

You can complete all the settings of a screen button in the Screen Button property sheet. This sheet contains the following
six pages. Some of the pages appear only when they are needed.
■ General
Described in Section 5.3.4.
■ Label
Described in Section 4.3.5.
■ Advanced
Described in Section 4.4.5.
■ Visibility
Described in Section 4.4.6.
■ External Label
Described in Section 4.3.8.
■ Macro
Described in Section 14.2.6.

CHAPTER 5 BUTTONS AND SWITCHES 5-10


45
5.3.4. General Settings
This section describes how to define the general settings for a screen button.

The above is an example of the General page of the Screen Button dialog box.

5-11 CHAPTER 5 BUTTONS AND SWITCHES


5
The following table describes each property in the General page.

Property Description
The object’s identifier. It is generated when the object is created. The identifier is unique
ID within the screen where the object is located. The format of the IDs for screen buttons is
SBnnnn.
Note You can type a note for the object.
For details about the following properties, see Section 4.3.4 Setting up the Shape of an
Shape settings Object. Picture Shape, , VFTA, , Border Color, Pattern, FG Color,
BG Color
Check this option if you want the object to have an external label. Set up the external label
External Label
in the External Label page.
Specifies the operation that you want the screen button to perform. There are four choices:
Operation Open Screen, Previous Screen, Close and Open Screen, and Close Screen. For details,
see Section 5.3.1 Basic Operations.
Screen Specifies the screen to be opened.
<Check
Check this option if you want the button to change the current user level.
Box>
Change
User Level New
User The new user level to replace the current user level.
Level
Check this option if you want the button to acknowledge the associated alarm of the screen
Acknowledge Alarm where the button is located. You can configure an alarm to display an (alarm) screen. The
alarm is then the screen’s associated alarm.
Indicate Screen Already
Check this option if you want the button to indicate the specified screen is already open.
Opened
Check this option if you want the button to have a macro. Specify and edit the macro in the
Macro
Macro page.
Button
Specifies that the touch operation is activated when the button is pushed.
Down
Activation
Button
Specifies that the touch operation is activated when the button is released.
Up
The hard key that is used to operate the object. This item is available only when the target panel has
Key
hard keys.
Continued

CHAPTER 5 BUTTONS AND SWITCHES 5-12


45
Property Description
Menu Select one of the following 6 positions for the specified menu screen to be displayed. This field will be
Screen displayed only when the specified screen is a menu screen.
Position Position Description
Screen The menu screen slides into view
Left Side horizontally from the left side of the screen.

Screen The menu screen slides into view


Right Side horizontally from the right side of the screen.

Button Left The menu screen appears on the left side of


Side & the button and slides downward into view.
Downward

Button Left The menu screen appears on the left side of


Side & the button and slides upward into view.
Upward

Button The menu screen appears on the right side


Right Side of the button and slides downward into view.
&
Downward

Button The menu screen appears on the right side


Right Side of the button and slides upward into view.
& Upward

5-13 CHAPTER 5 BUTTONS AND SWITCHES


5
5.4. Performing Built-in Function Using Function Buttons

You can touch a function button to perform the specified built-in function provided by the target panel.

5.4.1. Basic Operations


Category Operation Description
Setting up Increase Increases either the brightness or the contrast of the display depending on the
Panel Brightness/Contrast target panel. Not all target panels support this operation. Check the hardware
manual for details.
Decrease Decreases either the brightness or the contrast of the display depending on
Brightness/Contrast the target panel. Not all target panels support this operation. Check the
hardware manual for details.
Save Saves the setting of either the brightness or the contrast of the display
Brightness/Contrast depending on the target panel. Not all target panels support this operation.
Check the hardware manual for details.
Enter Panel Setup Exits the application and enters the panel setup mode.
Mode
End Transparent Ends the transparent communication.
Communication
Show Real Time Displays the settings of the Real Time Clock so you can change the settings.
Clock
Turn Backlight Off Turns off the backlight of the display. To turn on the backlight, touch the
screen. Not all target panels support this operation. Check the hardware
manual for details.
Setting up Log In Displays the password keypad so you can enter a password to change the
Application current user level.
Log Out Changes the current user level to 0.
Show Password Displays the password table so you can change the passwords. The password
Table table only lists the passwords whose user level is equal to or less than the
current user level.
Acknowledge Alarm Acknowledges the associated alarm of the screen that the button is located.
Change Language Change the current language to the specified language.
Show File Selection Displays the File Selection box for the specified purpose. The following table
Box lists the five purposes:
Purpose Description
Open to Open the specified file for reading. The file must exist.*
Read
Open/create Open the specified file for reading. A new file is created
to Write when the specified file does not exist. If the specified file
exists, it will be over written.*
Open/create Open the specified file for appending data. A new file is
to Append created when the specified file does not exist.*
Delete Delete the specified file.
Rename Rename the specified file.
You can specify the File Extension Name that will limit the File Selection Box
to list only the files of the specified type. The specified extension name can
only have ASCII characters and at most 3 characters.
Note: You need to specify the File I/O Control Block Address, an internal
variable that receives the result of the file open operation. You can specify a
macro that will run when the specified file is opened successfully. It is
important to close an opened file with the macro command CLOSE_FILE
when you finish the operation, or the file data will be lost.
Continued

CHAPTER 5 BUTTONS AND SWITCHES 5-14


45
Category Operation Description
Saving Data Save Recipe Data Saves the data of the specified recipe block in a text file. The file can be read
to File (.txt file) by any text editor, Microsoft Excel, and the target panel.
Save Recipe Data Saves the data of the specified recipe block in a file using the PRD format.
(.prd file) The file can be read by the RecipeEditor and the target panel.
Save Logged Data Saves the data collected by the specified data logger in a text file. The file
(.txt file) can be read by any text editor, Microsoft Excel, and the target panel.
Save Logged Data Saves the data collected by the specified data logger in an LDF file. The file
(.ldf file) can be read by the target panel only.
Save Alarm History Saves the alarm history in a text file. The file can be read by any text editor,
(.txt file) Microsoft Excel, and the target panel.
Save Alarm Counts Saves the alarm counts in a text file. The file can be read by any text editor,
(.txt file) Microsoft Excel, and the target panel.
Save Operation Saves the operation history in a text file. The file can be read by any text
History (.txt file) editor, Microsoft Excel, and the target panel.
Save Line Chart Data Saves the data collected by the specified line chart in a text file. The file can
(.txt file) be read by any text editor, Microsoft Excel, and the target panel.
Save Scatter Chart Saves the data collected by the specified scatter chart in a text file. The file
Data (.txt file) can be read by any text editor, Microsoft Excel, and the target panel.
Save Application Saves the application configuration data that was downloaded to the target
Configuration Data panel previously in a PLF file. The file can be used by the software.
(.plf file)
Save System and Saves the system programs and the application runtime data in a PRP file.
Application to File The file can be used by the software and compatible target panels.
(.prp file)
Loading Load Recipe Data Loads the data of the specified recipe block from a text file.
Data from (.txt file)
File Load Recipe Data Loads the data of the specified recipe block from a PRD file.
(.prd file)
Load Logged Data Loads the data of the specified data logger from a LDF file.
(.ldf file)
Load Line Chart Data Loads the data of the specified line chart from a text file.
(.txt file)
Load Scatter Chart Loads the data of the specified scatter chart from a text file.
Data (.txt file)
Transferring Write Recipe to Writes the current recipe, which is determined by the current recipe block and
Data Controller the current recipe number, to the specified controller. The controller and the
destination address are specified in the settings of the recipe block.
Read Recipe from Updates the current recipe, which is determined by the current recipe block
Controller and the current recipe number, by reading a recipe from the specified
controller. The controller and the source address are specified in the settings
of the recipe block.
Save Recipe Data to Saves the data of the specified recipe block to the target panel’s flash ROM.
Flash ROM The option “Need space in flash ROM to save backup” must be selected in
the settings of the recipe block to make this operation available.
Load Recipe Data Loads the data of the specified recipe block from the target panel’s flash
from Flash ROM ROM. The option “Need space in flash ROM to save backup” must be
selected in the settings of the recipe block to make this operation available.
Continued

5-15 CHAPTER 5 BUTTONS AND SWITCHES


5
Category Operation Description
Printing Print Screen Prints the screen where the button is located. The printed area is specified in
Screen the settings of the screen properties.
Print Screen to File Prints the screen where the button is located to a file with the BMP format of
(256-color .bmp) 256 colors. The printed area is specified in the settings of the screen
properties.
Print Screen to File Prints the screen where the button is located to a file with the BMP format of
(64K-color .bmp) 64K colors. The printed area is specified in the settings of the screen
properties.
Print Screen to File Prints the screen where the button is located to a file with the BMP format.
(True-color .bmp) The color resolution is the same as the target panel’s display. The printed
area is specified in the settings of the screen properties.
Print Screen to File Prints the screen where the button is located to a file with the JPG format.
(.jpg) The printed area is specified in the settings of the screen properties.
Clearing Clear Logged Data Clears the data of the specified data logger.
Data Clear Logged Data Clears the data of all the data loggers.
(All)
Clear Alarm History Clears the alarm history.
Clear Alarm Counts Resets the alarm counts to 0.
Clear Operation Clears the operation history.
History
Running Restart Application Restarts the application.
Application Update System and Updates the system programs and the application runtime data from a PRP
Application From File file. The original system programs and the application runtime data are
(.prp) replaced by the new ones.
Boot from File (.prp) Loads-and-runs the system programs and the application runtime data from
a PRP file. The original system programs and runtime data remain intact.
The loaded system programs and the runtime data will be lost after power off.
Multimedia Play Sound Plays the specified sound file.
Stop Playing Sound Stops playing the current sound file
Take Picture Takes a picture with the specified USB camera.
Adjusting Zoom In Makes the viewing range of the associated object half the size so the object
Viewing shows less content but with more detail.
Range Zoom Out Makes the viewing range of the associated object twice the size so the object
shows more content but with less detail.
Restore to Normal Restores the viewing range to the original setting.
View
Scrolling Scroll Left Scrolls the content displayed by the associated object to the left.
Content Scroll Right Scrolls the content displayed by the associated object to the right.
Scroll Up Scrolls the content displayed by the associated object to the top.
Scroll Down Scrolls the content displayed by the associated object to the bottom.
Scroll Page Left Scrolls the content displayed by the associated object to the left by a page.
Scroll Page Right Scrolls the content displayed by the associated object to the right by a page.
Scroll Page Up Scrolls the content displayed by the associated object to the top by a page.
Scroll Page Down Scrolls the content displayed by the associated object to the bottom by a
page.
Scroll to Left End Scrolls the content displayed by the associated object to the left end.
Scroll to Right End Scrolls the content displayed by the associated object to the right end.
Scroll to Bottom End Scrolls the content displayed by the associated object to the bottom end.
Scroll to Top End Scrolls the content displayed by the associated object to the top end.
Continued

CHAPTER 5 BUTTONS AND SWITCHES 5-16


45
Category Operation Description
Changing Select Next Data Selects the next data entry object on the screen where the button is on.
Data Entry Object
Select Previous Data Selects the previous data entry object on the screen where the button is on.
Entry Object
Increase Value by Activates the selected data entry object to set its specified variable to the
One value obtained by increasing the value of its monitored variable by one.
The operation is available for multi-state buttons whose property “Activation”
is set to “Indirect”. The operation is available for numeric entries whose
property “Data Entry” is set to “On-screen Keypad and/or Function Keys”.
Decrease Value by Activates the selected data entry object to set its specified variable to the
One value obtained by decreasing the value of its monitored variable by one.
The operation is available for multi-state buttons whose property “Activation”
is set to “Indirect”. The operation is available for numeric entries whose
property “Data Entry” is set to “On-screen Keypad and/or Function Keys”.

5.4.2. Operation Options


The following operation options can be added to a function button to make it more informative, secure, and useful. You
need to select and set these options in the Function Button property sheet.

Options Description
Macro You can specify a macro that will be run when a file is successfully opened. Select this
option in the General page. Specify and edit the macro in the Macro page.
Touch Operation Control The touch operation can be enabled and disabled either by a specified bit or by the current
user level. Select and set this option in the Advanced page.
Minimum Hold Time The touch operation of the button will not be activated until the button is pressed and held
down for the specified time period (Minimum Hold Time). Set this option in the Advanced
page.
Operator Confirmation The Confirmation box will be displayed when the button is touched. If the operator selects
“Yes” in the Confirmation box, the button will proceed to perform its operation. If the
operator selects “No” or the operator does not respond within the specified time period
(Maximum Waiting Time), the button will stop performing its operation.
Select and set this option in the Advanced page.
Notification The button can be configured to notify a bit when the specified operation is performed
successfully. Select and set this option in the Advanced page.
Operation Logging Each touch operation of the button can be recorded in the operation log. Select and set this
option in the Advanced page.
Invisible The button can be invisible and still touch operable. Select this option in the Visibility page.
Visibility Control The button can be shown or hidden either by a specified bit or by the current user level.
Select and set this option in the Visibility page.

5-17 CHAPTER 5 BUTTONS AND SWITCHES


5
5.4.3. Settings

You can complete all the settings of a function button in the Function Button property sheet. This sheet contains the
following five pages. Some of the pages appear only when they are needed.
■ General
Described in Section 5.4.4.
■ Label
Described in Section 4.3.5.
■ Advanced
Described in Section 4.4.5.
■ Visibility
Described in Section 4.4.6.
■ Macro
Described in Section 14.2.6.

CHAPTER 5 BUTTONS AND SWITCHES 5-18


45
5.4.4. General Settings
This section describes how to define the general settings for a function button.

The above is an example of the General page of the Function Button dialog box.

The following table describes each property in the General page.

Property Description
ID The object’s identifier. It is generated when the object is created. The identifier is
unique within the screen where the object is located. The format of the ID’s for
function buttons is FBnnnn.
Note You can type a note for the object.
Shape settings For details about the following properties, see Section 4.3.4 Setting up the Shape
of an Object. Picture Shape, , VFTA, , Border Color,
Pattern, FG Color, BG Color
Continued

5-19 CHAPTER 5 BUTTONS AND SWITCHES


5
Property Description
External Label Check this option if you want the object to have an external label. Set up the external
label in the External Label page.
Operation Specifies the operation that you want the function button to perform. About the
available operations, see Section 5.4.1 Basic Operation.
ID, Associated The ID of the object associated with the selected operation.
Purpose, Object ID
or The ID of the data logger associated with the selected operation.
Data Logger
Language
Line Chart The ID of the line chart associated with the selected operation.
Recipe Block The ID of the recipe block associated with the selected operation.
Scatter Chart The ID of the scatter chart associated with the selected operation.
Purpose The purpose for the Show File Selection Box operation.
Language The language for the Change Language operation.
Sound The ID of the sound for the Play Sound operation.
Camera ID & The camera ID and the picture file type for the Take Picture operation.
Picture Type
Filename, Default The default filename for the selected operation. The name can only have ASCII
Extension Filename characters and at most 80 characters.
name, File Extension The file extension name for the selected operation. The name can only have ASCII
Method Name characters and at most 3 characters.
Method The method for the Play Sound operation.
Filename Selectable Check this item so the File Selection box will display for the operator to select a file.
The selected file will be used for the selected operation.
File I/O Specifies the internal variable to receive the result of the file open operation. The
Control memory block requires 44 words.
Block Word Description
Address
0,1 A 32-bit word to store the handle of an opened file
<Edit Box>
2,3 A 32-bit word to store the size (in byte) of the file
4-43 A byte array to store the filename and the extension name of the opened
file; the maximum length of the filename and the extension name is 80
characters

Click this icon to bring up the Address Input Keypad and specify an internal address
for this property.
Click this icon to bring up the Select Tag dialog box and select an internal tag for this
property.
Check this option if you want the button to have a macro. Specify and edit the macro in
Macro
the Macro page.
The hard key that is used to operate the object. This item is available only when the
Key
target panel has hard keys.

CHAPTER 5 BUTTONS AND SWITCHES 5-20


45
5.5. Selecting Word Value Using Slide Switches

You can touch the knob of a slide switch and move the knob to select a desired value. The selected value is written to the
specified variable when you release the knob.

5.5.1. Basic Operations

Selected Value

Knob

Scale

The above are two examples of slide switches. The right one shows a slide switch whose knob is being touched.
You specify the variable to be controlled, the minimum of the variable, and the maximum of the variable for a slide switch.
The variable is monitored, and its value combined with the specified minimum and maximum determines the knob position
of the slide switch. You can touch and move the knob to select a desired value. The selected value is shown when the knob
is being held. When you release the knob, the selected value is written to the specified variable.
You can choose one of the following four directions for a slide switch:

Direction Description
Upward The knob can move vertically. The knob is at the top end when the variable value is equal to or greater
than the specified maximum. The knob is at the bottom end when the variable value is equal to or less
than the specified minimum. When the variable value is between the maximum and minimum, the knob is
at a proportional position between the top end and the bottom end.
Downward The knob can move vertically. The knob is at the bottom end when the variable value is equal to or
greater than the specified maximum. The knob is at the top end when the variable value is equal to or
less than the specified minimum. When the variable value is between the maximum and minimum, the
knob is at a proportional position between the bottom end and the top end.
Leftward The knob can move horizontally. The knob is at the left end when the variable value is equal to or greater
than the specified maximum. The knob is at the right end when the variable value is equal to or less than
the specified minimum. When the variable value is between the maximum and minimum, the knob is at a
proportional position between the left end and the right end.
Rightward The knob can move horizontally. The knob is at the right end when the variable value is equal to or
greater than the specified maximum. The knob is at the left end when the variable value is equal to or
less than the specified minimum. When the variable value is between the maximum and minimum, the
knob is at a proportional position between the right end and the left end.

5-21 CHAPTER 5 BUTTONS AND SWITCHES


5
5.5.2. Operation Options
The following operation options can be added to a slide switch to make it more informative, secure, and useful. You need to
select and set these options in the Slide Switch dialog box.

Options Description
Scale The switch can have a scale. Select and set this option in the Scale page.
Touch Operation The touch operation can be enabled and disabled either by a specified bit or by the current
Control user level. Select and set this option in the Advanced page.
Notification The switch can be configured to notify a bit when a change to the specified variable is
performed. Select and set this option in the Advanced page.
Operation Logging Each change to the specified variable can be recorded in the operation log. Select and set
this option in the Advanced page.
Visibility Control The switch can be shown or hidden either by a specified bit or by the current user level.
Select and set this option in the Visibility page.

5.5.3. Settings
You can complete all the settings of a slide switch in the Slide Switch dialog box. This dialog box contains the following five
pages. Some of the pages appear only when they are needed.
■ General
Described in Section 5.5.4.
■ Scale
Described in Section 4.4.4.
■ Advanced
Described in Section 4.4.5.
■ Visibility
Described in Section 4.4.6.
■ External Label
Described in Section 4.3.8.

CHAPTER 5 BUTTONS AND SWITCHES 5-22


45
5.5.4. General Settings
This section describes how to define the general settings for a slide switch.

The above is an example of the General page of the Slide Switch dialog box.

The following table describes each property in the General page.

Property Description
ID The object’s identifier. It is generated when the object is created. The identifier is unique
within the screen where the object is located. The format of the IDs for slide switches is
SWnnnn.
Note You can type a note for the object.
Shape settings For details about the following properties, see Section 4.3.4 Setting up the Shape of an
Object. , Border Color, BG Color
External Label Check this option if you want the object to have an external label. Set up the external
label in the External Label page.
Direction Specifies the direction of the slide switch. For details, see 5.5.1 Basic Operation.
Data Type The data type of the variable to be controlled by the object.
Write Write Address Specifies the variable to be controlled by the object.
Address Click this icon to bring up the Address Input Keypad and specify an address for this field.
Click this icon to bring up the Select Tag dialog box and select a tag for this field.
Continued

5-23 CHAPTER 5 BUTTONS AND SWITCHES


5
Property Description
Dynamic Dynamic Range Check this option so the minimum and maximum of the variable will be specified at
Range runtime. When this option is selected, the minimum and maximum of the marks for the
scale of the slide switch can be specified at runtime as well. The data that specifies the
above two ranges should be set and arranged correctly in a memory block called the
dynamic range parameter block. You need to specify the dynamic range parameter
block for the slide switch in the Dynamic Range Parameter Block field.
Dynamic Range Specifies the variable that stores the dynamic range parameter block for the slide
Parameter switch when Dynamic Range is selected.
Block
Click to enter an address for this field. Click to select a tag for this field.
The following table shows the data arrangement of the parameter block when the data
type is 16-bit and the scale of the slide switch is not dynamic.
Word Parameter
0 The minimum of the variable
1 The maximum of the variable

The following table shows the data arrangement of the parameter block when the data
type is 16-bit and the scale of the slide switch is dynamic.
Word Parameter
0 The minimum of the variable
1 The maximum of the variable
2, 3 The minimum of the mark for the scale; 32-bit integer number
4, 5 The maximum of the mark for the scale; 32-bit integer number

The following table shows the data arrangement of the parameter block when the data
type is 32-bit and the scale of the slide switch is not dynamic.
Word Parameter
0, 1 The minimum of the variable
2, 3 The maximum of the variable

The following table shows the data arrangement of the parameter block when the data
type is 32-bit and the scale of the slide switch is dynamic.
Word Parameter
0, 1 The minimum of the variable
2, 3 The maximum of the variable
4, 5 The minimum of the mark for the scale; 32-bit integer number
6, 7 The maximum of the mark for the scale; 32-bit integer number

Minimum The minimum of the variable to be controlled.


Maximum The maximum of the variable to be controlled.
Knob Border Color The border color of the knob. To specify the color, click the corresponding Color icon
and select a color from the Color palette.
BG Color The color inside the border. To specify the color, click the corresponding Color icon and
select a color from the Color palette.

CHAPTER 5 BUTTONS AND SWITCHES 5-24


45
5.6. Setting Word Value Using Word Buttons

You can touch a word button to set a value to the specified variable.

5.6.1. Basic Operations


A word button can be configured to perform one of the following operations:

Operation Description
Set Constant Writes the specified constant to the specified variable.
Enter Value Allows you to enter a value to change the specified variable.
The Numeric Keypad displays when the button is pressed and released. After a value is entered with
the keypad, the button checks if the value is within the range of the specified minimum and maximum.
If the value is valid, the button writes the entered value to the specified variable. If the value is invalid,
the operator has to enter another value or quit the operation.
Enter Allows you to enter a value to change the specified variable. The keypad shows the input with a string
Password of asterisks so others cannot know the input value.
The Numeric Keypad displays when the button is pressed and released. The keypad shows the
operator input with a string of asterisks so others do not know the input value. After a value is entered
with the keypad, the button checks if the value is within the range of the specified minimum and
maximum. If the value is valid, the button writes the entered value to the specified variable. If the
value is invalid, the operator has to enter another value or quit the operation.
Add Increases the specified variable by the specified constant. If the result of the increase is greater than
the specified maximum, the variable is set to the maximum.
Subtract Decreases the specified variable by the specified constant. If the result of the decrease is less than
the specified minimum, the variable is set to the minimum.

5.6.2. Operation Options


The following operation options can be added to a word button to make it more informative, secure, and useful. You need
to select and set these options in the Word Button dialog box.

Options Description
Touch Operation The touch operation can be enabled or disabled either by a specified bit or by the current
Control user level. Select and set this option in the Advanced page.
Minimum Hold Time The touch operation of the button will not be activated until the button is pressed and held
down for the specified time period (Minimum Hold Time). Set this option in the Advanced
page.
Operator Confirmation The Confirmation box will be displayed when the button is touched. If the operator selects
“Yes” in the Confirmation box, the button will proceed to perform its operation. If the operator
selects “No” or the operator does not respond within the specified time period (Maximum
Waiting Time), the button will stop performing its operation.
Select and set this option in the Advanced page.
Note: that this option is not available for the Enter Password operation.
Notification The button can be configured to notify a bit upon the completion of the specified operation.
Select and set this option in the Advanced page.
Operation Logging Each touch operation of the button can be recorded in the operation log. Select and set this
option in the Advanced page.
Invisible The button can be invisible and still touch operable. Select this option in the Visibility page.
Visibility Control The button can be shown or hidden either by a specified bit or by the current user level.
Select and set this option in the Visibility page.

5-25 CHAPTER 5 BUTTONS AND SWITCHES


5
5.6.3. Settings

You can complete all the settings of a word button in the Word Button property sheet. This sheet contains the following five
pages. Some of the pages appear only when they are needed.
■ General
Described in Section 5.6.4.
■ Label
Described in Section 4.3.5.
■ Advanced
Described in Section 4.4.5.
■ Visibility
Described in Section 4.4.6.
■ External Label
Described in Section 4.3.8.

5.6.4. General Settings


This section describes how to define the general settings for a word button.

The above is an example of the General page of the Word Button property sheet.

CHAPTER 5 BUTTONS AND SWITCHES 5-26


45
The following table describes each property in the General page.

Property Description
ID The object’s identifier. It is generated when the object is created. The identifier is unique
within the screen where the object is located. The format of the IDs for word buttons is
WBnnnn.
Note You can type a note for the word button.
Shape settings For details about the following properties, see Section 4.3.4 Setting up the Shape of an
Object. Picture Shape, , VFTA, , Border Color, Pattern, FG
Color, BG Color.
External Label Check this option if you want the word button to have an external label. Set up the
external label in the External Label page.
Operation Specifies the operation that the word button performs. For details, see Section 5.6.1
Basic Operations.
Data Type The data type of the variable to be controlled.
Write Write Address Specifies the variable to be controlled.
Address Click this icon to bring up the Address Input Keypad and specify an address for this
property.
Click this icon to bring up the Select Tag dialog box and select a tag for this property.
Constant The constant for the specified operation.
Minimum The minimum for the specified operation.
Maximum The maximum for the specified operation.
Total Digits The number of digits to be displayed for the Minimum and the Maximum on the numeric
keypad.
Fractional Digits When the Data Type is 32-bit Floating Point, this property specifies the number of
fractional digits to be displayed for the Minimum and Maximum on the numeric keypad.

When the Data Type is not 32-bit Floating Point, this property specifies not only the
number of fractional digits to be displayed, but also the number of least significant digits
to be displayed as the fractional part. With this feature, an integer can be shown and
entered as a fixed point number. When the Fractional Digits is nonzero, say N, the
entered value will be converted to an integer according to the following formula before
being output.
OutputValue = EnteredValue * (Nth power of 10)
Example:
Display Type Total Fractional Entered Output
Digits Digits Value Value
32-bit Floating Point 4 2 12.34 12.34
32-bit Floating Point 4 2 123.4 Error!
16-bit Signed Decimal 5 2 123.45 12345
16-bit Signed Decimal 5 2 -0.05 -5
16-bit Signed Decimal 5 2 3 300

Activation Button Down Select this item so the touch operation will be activated when the button is touched.
Button Up Select this item so the touch operation will be activated when the button is released.
Key The hard key that is used to operate the word button. This item is available when the
target panel has hard keys.

5-27 CHAPTER 5 BUTTONS AND SWITCHES


5
5.7. Selecting Work Value Using Multi-state Switches

You can use a multi-state switch to change the state of the specified variable.

5.7.1. Basic Operations


A multi-state switch can be configured to perform as one of the following types of controls:

Control Type Description


Button The multi-state switch is a push button. It changes the state of the specified variable to the next state
when it is touched. Note: that the next state is not necessarily the current state plus one.
List The multi-state switch is a list box. It lists the text of all the states of
the switch one state per line starting from state 0 as shown in the
example on the right.

The text of the current state is highlighted. If the desired state is not in
view, you can use the scroll bar attached to the right side of the list
box to scroll the text. When you select a desired state by touching its
text, the list box writes the value of the selected state to the specified
variable.

Drop-down The multi-state switch is a drop-down list. It displays the text of the current state and a button with the
List down arrow symbol as shown in the following example.

When the button is touched, the switch list displays a list box beneath itself as shown in the following
example.

The list box lists the text of all states of the switch one state per line starting from state 0. The text of
the current state is highlighted. If the desired state is not in view, you can use the scroll bar attached
to the right side of the list to scroll the text. When you select a desired state by touching its text, the
switch writes the value of the selected state to the specified variable and closes the list box.

If you want to cancel the operation when the list box is showing, touch anywhere other than the text in
the list box.
Continued

CHAPTER 5 BUTTONS AND SWITCHES 5-28


45
Control Type Description
Throw-up List The multi-state switch is a throw-up list. It displays the text of the current state and a button with the
up arrow symbol as shown in the following example.

When the button is touched, the switch list displays a list box above itself as shown in the following
example.

The list box lists the text of all states of the switch one state per line starting from state 0. The text of
the current state is highlighted. If the desired state is not in view, you can use the scroll bar attached
to the right side of the list to scroll the text. When you select a desired state by touching its text, the
switch writes the value of the selected state to the specified variable and closes the list box.

If you want to cancel the operation when the list box is showing, touch anywhere other than the text in
the list box.

5.7.2. Operation Options


The following operation options can be added to a multi-state switch to make it more informative, secure, and useful. You
need to select and set these options in the Multi-state Switch dialog box.
Options Description
Touch Operation The touch operation can be enabled and disabled either by a specified bit or by the current
Control user level. Select and set this option in the Advanced page.
Minimum Hold Time The touch operation of the switch will not be activated until the switch is pressed and held
down for the specified time period (Minimum Hold Time). Set this option in the Advanced
page.
Notification The switch can be configured to notify a bit of the completion of the specified operation.
Select and set this option in the Advanced page.
Operation Logging Each data change performed by the switch can be recorded in the operation log. Select and
set this option in the Advanced page.
Invisible The switch can be invisible and still touch operable. Select this option in the Visibility page.
Visibility Control The switch can be shown or hidden either by a specified bit or by the current user level.
Select and set this option in the Visibility page.

5-29 CHAPTER 5 BUTTONS AND SWITCHES


5
5.7.3. Settings
You can complete all the settings of a multi-state switch in the Multi-state Switch dialog box. This dialog box contains the
following six pages. Some of the pages appear only when they are needed.
■ General
Described in Section 5.7.4.
■ Text
Described in Section 4.3.6.
■ Picture
Described in Section 4.3.7.
■ Advanced
Described in Section 4.4.5.
■ Visibility
Described in Section 4.4.6.
■ External Label
Described in Section 4.3.8.

CHAPTER 5 BUTTONS AND SWITCHES 5-30


45
5.7.4. General Settings
This section describes how to define the general settings for a multi-state switch. The following is an example of the
General page of the Multi-state Switch property sheet.

The following table describes each property in the General page.


Property Description
ID The object’s identifier. It is generated when the object is created. The identifier is unique within
the screen where the object is located. The format of the IDs for multi-state switch is MSnnnn.
Note You can type a note for the multi-state switch.
Shape settings For details about the following properties, see Section 4.3.4 Setting up the Shape of an Object.
Picture Shape, , VFTA, , Border Color, Pattern, FG Color, BG Color
External Label Check this option if you want the multi-state switch to have an external label. Set up the
external label in the External Label page.
Continued

5-31 CHAPTER 5 BUTTONS AND SWITCHES


5
Property Description
State The current state of the multi-state switch that you can view and set the object appearance
for.
State Type The state type of the monitored variable. There are two options: Value and LSB. For details,
see Section 4.4.1.1 State Types.
Control Type Specifies the control type that the multi-state switch will perform as. There are three types
you can choose: Button, List, and Drop-down List, Throw-up List. For details, see Section
5.7.1 Basic Operations.
Data Type The data type of the variables specified in this page.
Write Write Specifies the variable to be controlled.
Address Address
Click this icon to bring up the Address Input Keypad and specify an address for this
property.
Click this icon to bring up the Select Tag dialog box and select a tag for this property.
Total States Specifies the number of valid states that the monitored variable has.
Note: The last state is state N-1 when the Total States is N.
Next Specifies the method of calculating the next state for the Button control type.
State +1 The next state is the current state plus one when the current state is not the last state.
(Wrap) When the current state is the last state, the next state is state 0.
-1 (Wrap) The next state is the current state minus one when the current state is not state 0. When the
current state is state 0, the next state is the last state.
+1/-1 With this method, the switch is either in the increasing mode or in the decreasing mode for
(Retreat) the next state calculation. The switch is in the increasing mode initially.
Assume that the total states of the switch is N. When the switch is in the increasing mode,
the next state is the current state plus one, if the current state is not the last state, i.e. state
N-1. If the current state is the last state, the switch changes into the decreasing mode, and
the next state is the current state minus one, i.e. state N-2. When the switch is in the
decreasing mode, the next state is the current state minus one if the current state is not
state 0. If the current state is state 0, the switch changes into the increasing mode and the
next state is the current state plus one, i.e. state 1.
Activation Specifies how the multi-state switch is activated for the Button control type.
Direct The multi-state switch is activated when the button is touched.
Indirect The multi-state switch is activated when it is selected, and a function button on the same
screen with the operation of “Increase Value By One” or “Decrease Value y One” is
touched.
Monitor Address Specifies that the Monitor Address is identical to the Write Address. With this item checked,
identical to Write you don’t need to specify the same variable for the Monitor Address field.
Address
Monitor Monitor Specifies the variable to be monitored.
Address Address
Click this icon to bring up the Address Input Keypad and specify an address for the Monitor
Address field.
Click this icon to bring up the Select Tag dialog box and select a tag for the Monitor Address
field.
Key The hard key that is used to operate the multi-state switch. This item is available when the
target panel has hard keys.

CHAPTER 5 BUTTONS AND SWITCHES 5-32


45
5.8. Setting Word State Using Radio Button Groups

You can press a button of a radio button group to change the state of the controlled variable.

5.8.1. Basic Operations


A radio button group has as many radio buttons as the number of states it has. Each radio button corresponds to a state.
When a radio button is pressed, the value of that button’s associated state is written to the controlled variable. The state of
a radio button group is determined by the state of the controlled variable. A radio button is highlighted when its associated
state is the current state.

5.8.2. Operation Options


The following operation options can be added to a radio button group to make it more informative, secure, and useful. You
need to select and set these options in the Radio Button Group dialog box.
Options Description
Touch Operation The touch operation of the radio button group can be enabled and disabled either by a
Control specified bit or by the current user level. Select and set this option in the Advanced page.
Minimum Hold Time The touch operation will not be activated until a button of the radio button group is pressed
and held down for the specified time period (Minimum Hold Time). Set this option in the
Advanced page.
Operation Logging Each data change performed by the radio button group can be recorded in the operation log.
Select and set this option in the Advanced page.
Visibility Control The radio button group can be shown or hidden either by a specified bit or by the current user
level. Select and set this option in the Visibility page.

5-33 CHAPTER 5 BUTTONS AND SWITCHES


5
5.8.3. Settings
You can complete all the settings of a radio button group in the Radio Button Group dialog box. This dialog box contains
the following six pages. Some of the pages appear only when they are needed.
■ General
Described in Section 5.8.4.
■ Text
Described in Section 4.3.6.
■ Picture
Described in Section 4.3.7.
■ Advanced
Described in Section 4.4.5.
■ Visibility
Described in Section 4.4.6.
■ External Label
Described in Section 4.3.8.

5.8.4. General Settings


This section describes how to define the general settings for a radio button group. The following is an example of the
General page of the Radio Button Group property sheet.

CHAPTER 5 BUTTONS AND SWITCHES 5-34


45
The following table describes each property in the General page.

Property Description
ID The object’s identifier. It is generated when the object is created. The identifier is unique
within the screen where the object is located. The format of the IDs for radio button groups is
RBnnnn.
Note You can type a note for the radio button group.
Shape settings For details about the following properties, Section 4.3.4 Setting up the Shape of an Object.

Picture Shape, , VFTA, , Border Color, BG Color


External Label Check this option if you want the radio button group to have an external label. Set up the
external label in the External Label page.
State Specifies the current state of the radio button group. You can set the appearance of the button
associated with the current state.
Note: Although you can set the appearance for the button of the current state, you cannot
view all the changes immediately. This is because the button is highlighted with the BG color
and the text color set for the Current State. You can change the current state so the button is
shown with new settings instead of being highlighted.
State Type The state type of the controlled variable. There are three options: Value, LSB, and Custom.
For details, see Section 4.4.1.1 State Types.
State Order Specifies how to arrange the radio buttons. There are four kinds of order:
State Order Description
Left to Right The buttons are arranged in order, in a row with the button of state 0
at the left most position.
Right to Left The buttons are arranged in order, in a row with the button of state 0
at the right most position.
Top to Bottom The buttons are arranged in order, in a column with the button of
state 0 at the top position.
Bottom to Top The buttons are arranged in order, in a column with the button of
state 0 at the bottom position.

Data Type The data type of the variables specified in this page.
Write Write Specifies the variable to be controlled.
Address Address
Click this icon to bring up the Address Input Keypad and specify an address for this property.
Click this icon to bring up the Select Tag dialog box and select a tag for this property.
Total States Specifies the number of valid states that the controlled variable has.
Indication Method Choose the method from display text with different colors, use round mark or use square mark
of to indicate the current selection.
Current BG The color to replace the shape’s BG color when selected.
Selection Color
Text / The color to replace the text or mark color when selected.
Mark
Button Spacing The distance in pixels between two adjacent radio buttons.
Custom State Value Click this button to define the state value for each state when the State Type is Custom. For
details, see Section 4.4.1.2 Setting the Custom States of an Object.

5-35 CHAPTER 5 BUTTONS AND SWITCHES


5
5.9. Customizing the Keypad Using Keypad Buttons

A keypad button inputs a character to the keypad buffer or issues a command to the keypad buffer when it is pressed. You
can use keypad buttons to create your own keypads.

5.9.1. Operation Options


The following operation options can be added to a keypad button to make it more useful. You need to select and set these
options in the Keypad Button dialog box.

Options Description
Macro The keypad button can have a macro to execute when being pressed. Specify and edit the macro
in the Macro page.
Visibility Control The keypad button can be shown or hidden either by a specified bit or by the current user level.
Select and set this option in the Visibility page.

5.9.2. Settings
You can complete all the settings of a keypad button in the Keypad Button dialog box. This dialog box contains the
following four pages. Some of the pages appear only when they are needed.
■ General
Described in Section 5.9.3.
■ Label
Described in Section 4.3.5.
■ Visibility
Described in Section 4.4.6.
■ Macro
Described in Section 14.2.6.

CHAPTER 5 BUTTONS AND SWITCHES 5-36


45
5.9.3. General Settings
This section describes how to define the general settings for a keypad button. The following is an example of the General
page of the Keypad Button property sheet.

The following table describes each property in the General page.


Property Description
ID The object’s identifier. It is generated when the object is created. The identifier is unique within the screen
where the object is located. The format of the IDs for keypad buttons is KBnnnn.
Note You can type a note for the keypad button group.
Shape For details about the following properties, see Section 4.3.4 Setting up the Shape of an Object.
settings
Picture Shape, , VFTA, , Border Color, Pattern Color, FG Color, BG Color
Enter Select this item if the button is used to input the specified character to the keypad buffer.
Character
Character Available when Enter Character is selected. Specifies the character to be entered in the keypad buffer.
Enter Select this item if the button is used to issue the specified command to the keypad buffer.
Command
Command Available when Enter Command is selected. Specifies the command to be issued to the keypad buffer.
There are four commands available:
Command Description
Enter Completes data entry and sends the input string to the associated object or the system.
Escape Cancels the data entry operation.
Clear Clears the keypad buffer.
Backspace Removes the last character in the keypad buffer.

Key The hard key that is used to operate the keypad button. This item is available only when the target panel
has hard keys.
Macro Check this option if you want the button to have a macro. Specify and edit the macro in the Macro page.

5-37 CHAPTER 5 BUTTONS AND SWITCHES


5
5.9.4. Creating your own keypads
You can create your own keypads using keypad buttons as custom keypads for your application. The following is an
example of a custom numeric keypad.
X Window Screen with a title bar and a close button

Y Keypad Display
Z
Allowable input range display

[ Keypad Buttons

To create your own keypads, please do the following:


1. Create a window screen, please see Section 3.9.2 Creating and Opening Screens for details.
2. Create a Character Display with the following settings to display characters when the keypad button is pressed.

CHAPTER 5 BUTTONS AND SWITCHES 5-38


45
3. Create a Character Display with the following settings to display an allowable input range.

Note:
Monitor Address: $S230
Total Characters: 24 (or less)
Font: Any font
Alignment: Any (Center recommended)
Character Set: ASCII code (7 bits)
Code Size: Byte

4. Create keypad buttons to customize the keypad.


5. Set up the Custom page of the General Setup dialog box to use the custom keypad instead of the built-in keypad.
Please see Section 3.1.2 Custom Settings for details.

5-39 CHAPTER 5 BUTTONS AND SWITCHES


5
5.10. Scrolling Object Content Using Scroll Button Groups

You can use the buttons of a scroll button group to scroll the content displayed by the associated object.

5.10.1. Basic Operations


A scroll button group with the horizontal button alignment can have the following buttons:
Button Example Description
Scroll to Right End Scrolls the content displayed by the associated object to the right end.

Scroll Page Right Scrolls the content displayed by the associated object to the right by one page.

Scroll Right Scrolls the content displayed by the associated object to the right.

Scroll Left Scrolls the content displayed by the associated object to the left.

Scroll Page Left Scrolls the content displayed by the associated object to the left by one page.

Scroll to Left End Scrolls the content displayed by the associated object to the left end.

Pause This is a toggle switch. It stops the auto-scrolling of the content displayed by the
associated object when it is touched. When you touch it again, it resumes the
auto-scrolling operation.

A scroll button group with the vertical button alignment can have the following buttons:

Button Example Description


Scroll to Top End Scrolls the content displayed by the associated object to the top end.

Scroll Page Up Scrolls the content displayed by the associated object to the top by one page.

Scroll Up Scrolls the content displayed by the associated object to the top.

Scroll Down Scrolls the content displayed by the associated object to the bottom.

Scroll Page Down Scrolls the content displayed by the associated object to the bottom by one
page.

Scroll to Bottom End Scrolls the content displayed by the associated object to the bottom end.

Pause This is a toggle switch. It stops the auto-scrolling of the content displayed by the
associated object when it is touched. When you touch it again, it resumes the
auto-scrolling operation.

CHAPTER 5 BUTTONS AND SWITCHES 5-40


45
5.10.2. Operation Options
The following operation option can be added to a scroll button group. You need to select and set this option in the Scroll
Button Group dialog box.

Options Description
Visibility Control The scroll button group can be shown or hidden either by a specified bit or by the current
user level. Select and set this option in the Visibility page.

5.10.3. Settings
You can complete all the settings of a scroll button group in the Scroll Button Group dialog box. This dialog box contains
the following two pages.
■ General
Described in Section 5.10.4.
■ Visibility
Described in Section 4.4.6.

5-41 CHAPTER 5 BUTTONS AND SWITCHES


5
5.10.4. General Settings
This section describes how to define the general settings for a scroll button group. The following is an example of the
General page of the Scroll Button Group property sheet.

The following table describes each property in the General page.

Property Description
ID The object’s identifier. It is generated when the object is created. The identifier is unique
within the screen where the object is located. The format of the IDs for the scroll button
groups is SBNnnnn.
Note You can type a note for the scroll button group.
Shape settings For details about the following properties, Section 4.3.4 Setting up the Shape of an
Object. , Border Color, BG Color
Legend Color The color of the legend for every button of the scroll button group.
Button Horizontal The buttons of the scroll button group are aligned in a row.
Alignment Vertical The buttons of the scroll button group are aligned in a column.
Associated Object ID The ID of the object that the scroll button group will be used to scroll its content. You
can select the associated object from this drop-down list which displays the IDs of
objects on the same screen that support the scroll operation.
Start/End buttons Check this item if you want the scroll button group to include the buttons that scroll the
content to the start or to the end.
Scroll Page buttons Check this item if you want the scroll button group to include the buttons that scroll the
content each time by one page.
Pause button Check this item if you want the scroll button group to include the Pause button.
Button Spacing The distance in pixels between two adjacent buttons.

CHAPTER 5 BUTTONS AND SWITCHES 5-42


45
5.11. Scrolling Object Content Using Scroll Bars

You can use a scroll bar to scroll the content displayed by the associated object. The associated objects include Historic
Data Display, Historic Message Display, Historic Trend Display, Operation Log Display, Alarm Display, Recipe Table, and
Sub-link Table.

5.11.1. Basic Operations

A horizontal scroll bar has the following buttons:

Button Description
Scroll Right Scrolls the content displayed by the associated object to the right.
Scroll Page Right Scrolls the content displayed by the associated object to the right by one page.
Slide Bar You can push and move the slide bar to scroll the content displayed by the associated object. The
content is scrolled in the same direction as you move the slide bar. The amount of scrolling is
proportional to the displacement of the slide bar. The position of the slide bar in the scroll bar
indicates the position of the viewable part of the content. The width of the slide bar indicates how
much of the content is viewable.
Scroll Page Left Scrolls the content displayed by the associated object to the left by one page.
Scroll Left Scrolls the content displayed by the associated object to the left.

A vertical scroll bar has the following buttons:

Button Description
Scroll Up Scrolls the content displayed by the associated object to the top.
Scroll Page Up Scrolls the content displayed by the associated object to the top by one page.
Slide Bar You can push and move the slide bar to scroll the content displayed by the associated object. The
content is scrolled in the same direction as you move the slide bar. The amount of scrolling is
proportional to the displacement of the slide bar. The position of the slide bar in the scroll bar
indicates the position of the viewable part of the content. The height of the slide bar indicates how
much of the content is viewable.
Scroll Page Down Scrolls the content displayed by the associated object to the bottom by one page.
Scroll Down Scrolls the content displayed by the associated object to the bottom.

5-43 CHAPTER 5 BUTTONS AND SWITCHES


5
5.11.2. Operation Options

The following operation option can be added to a scroll bar. You need to select and set this option in the Scroll Bar property
sheet.
Options Description
Visibility Control The scroll bar can be shown or hidden either by a specified bit or by the current user level.
Select and set this option in the Visibility page.

5.11.3. Settings
You can complete all the settings of a scroll bar in the Scroll Bar property sheet. This sheet contains the following two
pages.
■ General
Described in Section 5.11.4.
■ Visibility
Described in Section 4.4.6.

CHAPTER 5 BUTTONS AND SWITCHES 5-44


45
5.11.4. General Settings
This section describes how to define the general settings for a scroll bar. The following is an example of the General page
of the Scroll Bar property sheet.

The following table describes each property in the General page.

Property Description
ID The object’s identifier. It is generated when the object is created. The identifier is unique
within the screen where the object is located. The format of the IDs for the scroll bars is
SBRnnnn.
Note You can type a note for the scroll button group.
Type The type of scroll bar. There are two types; horizontal and vertical.
Associated Object ID The ID of the object that will use the scroll bar to scroll its content. You can select the
associated object from this drop-down list which shows the IDs of objects on the same
screen that support the scroll operation.
Bar Color The color of the scroll bar.
Legend Color The color of the legend for the buttons of the scroll bar.

5-45 CHAPTER 5 BUTTONS AND SWITCHES


5
5.12. Stepping Through Word State Using Step Buttons

You can press a step button to write the value of the button’s next state to the specified variable.

5.12.1. Basic Operations


Unlike most of the other objects, a step button displays all the states at once, with the current state highlighted, instead of
displaying just the current state. A step button can let the operators know all the available states, and what the next state
will be when they touch it.

The state of a step button is determined by the value of the specified variable and the specified state type. When a step
button is pressed, it calculates the value of the next state, and writes that value to the specified variable. The next state is
the current state plus one, when the current state is not the last state. When the current state is the last state, the next state
is state 0.

5.12.2. Operation Options


The following operation options can be added to a step button to make it more informative, secure, and useful. You need to
select and set these options in the Step Button property sheet.

Options Description
Touch Operation The touch operation of the step button can be enabled and disabled either by a specified bit
Control or by the current user level. Select and set this option in the Advanced page.
Minimum Hold Time The touch operation will not be activated until the step button is pressed and held down for
the specified time period (Minimum Hold Time). Set this option in the Advanced page.
Operation Logging Each data change performed by the step button can be recorded in the operation log. Select
and set this option in the Advanced page.
Visibility Control The step button can be shown or hidden either by a specified bit or by the current user level.
Select and set this option in the Visibility page.

CHAPTER 5 BUTTONS AND SWITCHES 5-46


45
5.12.3. Settings
You can complete all the settings of a step button in the Step Button property sheet. This sheet contains the following six
pages. Some of the pages appear only when they are needed.
■ General
Described in Section 5.12.4.
■ Text
Described in Section 4.3.6.
■ Picture
Described in Section 4.3.7.
■ Advanced
Described in Section 4.4.5.
■ Visibility
Described in Section 4.4.6.
■ External Label
Described in Section 4.3.8.

5.12.4. General Settings


This section describes how to define the general settings for a step button. The following is an example of the General
page of the Step Button property sheet.

5-47 CHAPTER 5 BUTTONS AND SWITCHES


5
The following table describes each property in the General page.

Property Description
ID The object’s identifier. It is generated when the object is created. The identifier is unique within
the screen where the object is located. The format of the IDs for the step buttons is STBnnnn.
Note You can type a note for this object.
Shape settings For details about the following properties, Section 4.3.4 Setting up the Shape of an Object.

, VFTA, , Border Color, BG Color


External Label Check this option if you want the object to have an external label. Set up the external label in the
External Label page.
State Select a state as the current state so you can set the BG Color for that state. You can also see
how the step button looks when the selected state is highlighted.
Note: The current state is always highlighted by the settings defined in the Highlight Current
State group. Therefore, you cannot see the change of the BG color you made for the current
state immediately. To see the change, select another state as the current state.
State Type The state type of the step button. The supported types are: Value, LSB, and Custom. For
details, see Section 4.4.1.1 State Types
State Order Specifies how to arrange the states on the step button. There are four different orders:
State Order Example
Left to Right

Right to Left

Top to Bottom

Bottom to Top

Data Type The data type for the variable in the Write Address field. The supported types are: 16-bit
Unsigned Integer, 16-bit BCD, 32-bit Unsigned Integer, and 32-bit BCD.
Continued

CHAPTER 5 BUTTONS AND SWITCHES 5-48


45
Property Description
Write Write Specifies the variable to be controlled by the step button. This variable will also be monitored
Address Address to decide the state of the step button.
Click this icon to bring up the Address Input Keypad and specify an address for this property.
Click this icon to bring up the Select Tag dialog box and select a tag for this property.
Total States Specifies the number of states that the step button can display and process.
Custom State Value… Click this button to define the state value for each state of the step button when the State
Type is Custom. For details, see Section 4.4.1.2 Setting the Custom States of an Object.
Indication Method Choose the method from display text with different colors, use round mark or use square
of current mark to indicate the current selection.
selection BG Color The color to replace the shape’s BG color when selected.
Text/Mark The color to replace the text or mark color when selected.
Separator Color The color of the lines that are drawn between two states.

5-49 CHAPTER 5 BUTTONS AND SWITCHES


5
5.13. Displaying Window Screen as Information Page Using Page Selectors

In a page selector, you can press a tab to view the associated page (window screen).

5.13.1. Basic Operations


You can configure a page selector to contain up to 8 window screens. Each of the specified window screens is a page, and
each page has an associated tab. You can specify the text and picture for each tab. At runtime, a page selector shows one
of the specified pages in its viewing area. You can select a desired page to view by pressing the associated tab.

5.13.2. Settings
You can complete all the settings of a page selector in the Page Selector property sheet. This sheet contains the following
three pages.
■ General
Described in Section 5.13.3.
■ Text
Described in Section 4.3.6.
■ Picture
Described in Section 4.3.7.

CHAPTER 5 BUTTONS AND SWITCHES 5-50


45
5.13.3. General Settings
This section describes how to define the general settings for a page selector. The following is an example of the General
page of the Page Selector property sheet.

The following table describes each property in the General page.

Property Description
ID The object’s identifier. It is generated when the object is created. The identifier is unique
within the screen where the object is located. The format of the IDs for the page selectors
is PSnnnn.
Note You can type a note for this object.
Shape settings For details about the following properties, Section 4.3.4 Setting up the Shape of an Object.
Picture Shape, , VFTA, , Border Color, BG Color
Tab Select a tab as the current tab so you can set the BG Color for that tab. You can also see
how the tabs look when the selected tab is highlighted.
Note: The current tab is always highlighted by the settings defined in the Highlight Current
Tab group. Therefore, you cannot see the change of the BG color you made for the current
tab immediately. To see the change, select another tab as the current tab.
Tab Position You can select Top/Bottom/Left/Right for the location of the tab.
Number of Pages Specifies the number of window screens this page selector contains.
Specify Page… Click this button to open the Specify Page dialog box. You can specify the window screen
for each page in this dialog box.
Highlight The settings for highlighting the text of the current tab.
Current BG Color The color to replace the BG color of the current tab when highlighted.
Tab
Text Color The color to replace the text color of the current tab when highlighted.
Tab Height The height of each tab.

5-51 CHAPTER 5 BUTTONS AND SWITCHES

You might also like