AMX NXD-CV12 Technical Information Page 1

Operation/Reference GuideDevelopment ToolsTPDesign4Touch Panel Design/Programming Software(v3.2 or higher)Last Revised: 1/09/2012

viii TPDesign4 (v3.2 or higher)Table of ContentsDate and Time Buttons ...

Resource Manager66 TPDesign4 (v3.2 or higher)Resource Manager dialog - Sounds tabThe Sounds tab of the Resource Manager dialog (FIG. 62) provides a co

Resource Manager67TPDesign4 (v3.2 or higher) Working With ImagesBitmap Images can be any supported image type. Images are applied to Pages, Popup Page

Resource Manager68 TPDesign4 (v3.2 or higher)Importing Image Files Into The Project1.Select Panel > Resource Manager (or click the toolbar button)

Resource Manager69TPDesign4 (v3.2 or higher) Assigning Images To Slot PositionsOnce an image file is imported into the Project (via the Resource Manag

Resource Manager70 TPDesign4 (v3.2 or higher)Renaming Image Files1.Select Panel > Resource Manager (or click the toolbar button) to open the Resour

Resource Manager71TPDesign4 (v3.2 or higher) Working With Dynamic ImagesUse the Dynamic Images tab of the Resource Manager (see FIG. 60 on page 64) to

Resource Manager72 TPDesign4 (v3.2 or higher)5. Click OK to add the file to the Dynamic Images tab.Assigning Dynamic Images to Slot PositionsTo assign

Resource Manager73TPDesign4 (v3.2 or higher) Adding a Dynamic Image To The Project - ExampleThe following example steps you through the process of add

Resource Manager74 TPDesign4 (v3.2 or higher)3. In the Dynamic Images tab of the Resource Manager, click New to open the Create Dynamic Image dialog (

Resource Manager75TPDesign4 (v3.2 or higher) a. Cut the file portion off the end of the URL and paste it into the File field (excluding the backslash

Table of ContentsixTPDesign4 (v3.2 or higher) Setting Global Properties for External Controls ... 162S

Resource Manager76 TPDesign4 (v3.2 or higher)Now that the dynamic resource has been added to the Resource Manager, it is available to be applied to Pa

Resource Manager77TPDesign4 (v3.2 or higher) Editing Dynamic Images1.Select Panel > Resource Manager (or click the toolbar button) to open the Reso

Resource Manager78 TPDesign4 (v3.2 or higher)Motion JPEG Cameras and Servers that provide Motion JPEG streaming outputA number of leading manufacturer

Resource Manager79TPDesign4 (v3.2 or higher) Dynamic Image Settings - Example 1: Axis Manufacturer: AxisModel: 2100 (camera)Path: axis-cgi/mjpg/

Resource Manager80 TPDesign4 (v3.2 or higher)Dynamic Image Settings - Example 3: Vivotek Manufacturer: VivotekModel: 2111 (camera)Path: cgi-bin/

Resource Manager81TPDesign4 (v3.2 or higher) DynaMo™ Resource ImagesTPDesign4, and a select number of AMX Touch Panels support "enhanced" or

Resource Manager82 TPDesign4 (v3.2 or higher)Scaling and Cropping of Dynamo Resource ImagesDynamo Resource Images have specific scaling/cropping optio

Resource Manager83TPDesign4 (v3.2 or higher) Working With SlotsOnce an image file is imported into the Project (via the Resource Manager), it can be a

Resource Manager84 TPDesign4 (v3.2 or higher)Duplicating Slot AssignmentsTo duplicate a slot assignment:1. Select Panel > Resource Manager (or clic

Resource Manager85TPDesign4 (v3.2 or higher) Deleting Slot Assignments From The Project1.Select Panel > Resource Manager (or click the toolbar butt

x TPDesign4 (v3.2 or higher)Table of ContentsSub-Page View Buttons...

Resource Manager86 TPDesign4 (v3.2 or higher)Sorting Sound Files1.Select Panel > Resource Manager (or click the toolbar button) to open the Resourc

Resource Manager87TPDesign4 (v3.2 or higher) Editing Image and Sound Files Using External ProgramsTPD4 supports the use of external programs for editi

Resource Manager88 TPDesign4 (v3.2 or higher)2. Click the Add Editor (+) button to access the Choose Editor dialog (FIG. 98). 3. Click the Browse butt

Resource Manager89TPDesign4 (v3.2 or higher) 5. Click OK to close the Choose Editor dialog.The new default editor is indicated in the Default column o

Resource Manager90 TPDesign4 (v3.2 or higher)Working With Video FillsIf you are designing a project targeted at a video-capable panel, you can assign

Working With Pages91TPDesign4 (v3.2 or higher) Working With PagesOverviewPages are not only containers for buttons, but can also have up to one addres

Working With Pages92 TPDesign4 (v3.2 or higher)Adding a PageUse the options in the Add Page dialog to define a new Page to add to the active Project (

Working With Pages93TPDesign4 (v3.2 or higher) Setting Page PropertiesPanel Pages have a set of Page Properties that can be configured via the fields

Working With Pages94 TPDesign4 (v3.2 or higher)Setting States Properties: PagesUse the State tab of the Properties window to set/edit page state prope

Working With Pages95TPDesign4 (v3.2 or higher) Opening a PageDouble-click on any page or popup page in the Workspace window (Pages tab) to open the se

Table of ContentsxiTPDesign4 (v3.2 or higher) Setting List Box Button Column Properties ... 209

Working With Pages96 TPDesign4 (v3.2 or higher)Adding a Bitmap to a PageA bitmap image can be applied directly to a Page in your project, to serve as

Working With Pages97TPDesign4 (v3.2 or higher) Select Absolute to manually position the image. When Absolute is selected, the Bitmap X Offset and Bitm

Working With Pages98 TPDesign4 (v3.2 or higher)Displaying a Video Fill on a PageTPDesign4 allows you to assign a video source as the background image

Working With Pages99TPDesign4 (v3.2 or higher) Adding an Icon to a PageYou can apply an image Icon directly to a Page in your project, to serve as the

Working With Pages100 TPDesign4 (v3.2 or higher)Adding Text to a PageSince G4 panels utilize address and channel port/address codes (and possess a sin

Working With Pages101TPDesign4 (v3.2 or higher) 4. Click on Font in the States tab of the Properties window to enable the browse button (FIG. 126). Se

Working With Pages102 TPDesign4 (v3.2 or higher)Select Absolute to manually position the text. When Absolute is selected, the Bitmap X Offset and Bitm

Working With Pages103TPDesign4 (v3.2 or higher) 7. Click Word Wrap, and select wether to wrap text that doesn't fit on a single line on the selec

Working With Pages104 TPDesign4 (v3.2 or higher)Renaming a PageTo rename any Page in the active Project, simply click on a Page entry in the Workspace

Working With Pages105TPDesign4 (v3.2 or higher) Exporting Pages as Image FilesUse the options in the Export Page Images dialog to export one or more P

xii TPDesign4 (v3.2 or higher)Table of ContentsAttaching a Dynamic List Data Table to a List Box Button ... 2

Working With Pages106 TPDesign4 (v3.2 or higher)Printing PagesSelect File > Print Preview to display a preview of the pages and popup pages in the

Popup Pages107TPDesign4 (v3.2 or higher) Popup PagesOverviewGenerally, Popup Pages provide a mode of sub-navigation for the panel's UI by present

Popup Pages108 TPDesign4 (v3.2 or higher)See:Creating a Standard Popup Page on page 108Setting Standard Popup Page Properties on page 110Popup

Popup Pages109TPDesign4 (v3.2 or higher) There are some specifics to understand regarding naming Popup Pages (see the Naming Popup Pages section on

Popup Pages110 TPDesign4 (v3.2 or higher)grid visibility or snap to grid setting). Holding the CTRL key while resizing the selected items with the key

Popup Pages111TPDesign4 (v3.2 or higher) Setting General Properties: Popup PagesUse the General tab to set/edit Popup Page properties (FIG. 146): The

Popup Pages112 TPDesign4 (v3.2 or higher)Setting Programming Properties: Popup PagesUse the Programming tab to set/edit Popup Page properties. The Pro

Popup Pages113TPDesign4 (v3.2 or higher) Popup Page GroupsStandard Popup Pages can be organized in to Popup Page Groups. Popup Page Groups provide a m

Popup Pages114 TPDesign4 (v3.2 or higher)Via the Add Popup Page dialogTo create a new Popup Page Group via the Add Popup Page dialog, as part of creat

Popup Pages115TPDesign4 (v3.2 or higher) Removing Popup Pages From a Popup Page GroupThere are two ways to remove Standard Popup Pages from a Popup Pa

Table of ContentsxiiiTPDesign4 (v3.2 or higher) List Table Port ...

Popup Pages116 TPDesign4 (v3.2 or higher)Opening a Popup Page via the Workspace WindowDouble-click on any Standard Popup Page or Sub-Page in the Works

Popup Pages117TPDesign4 (v3.2 or higher) Adding a Fill Color To a Popup PageThe method for adding a fill color to a Popup Page is identical for adding

Popup Pages118 TPDesign4 (v3.2 or higher)Deleting Popup Pages From a ProjectTo delete a popup page from the active project, select the popup page to d

Sub-Pages119TPDesign4 (v3.2 or higher) Sub-PagesOverviewA Sub-Page is a specific type of Popup Page that is used to represent an individual item withi

Sub-Pages120 TPDesign4 (v3.2 or higher)More InformationRefer to the Scrolling Regions section on page 173 for information on using Sub-Pages to create

Working With Buttons121TPDesign4 (v3.2 or higher) Working With ButtonsOverviewButtons represent the primary functionality of the panel. They can be as

Working With Buttons122 TPDesign4 (v3.2 or higher)Creating New ButtonsIn the Workspace window (Pages tab), double-click the Page or Popup Page to whic

Working With Buttons123TPDesign4 (v3.2 or higher) Drawing a Button1. Select the Button Draw Tool.2. Open the Page (or Popup page) that the button will

Working With Buttons124 TPDesign4 (v3.2 or higher)Using the Drawing Assist FeaturesThe Order Assist, Position Assist and Size Assist toolbars contain

Working With Buttons125TPDesign4 (v3.2 or higher) Specifying the Button TypeTo specify the button type for any button:1. Select or a create a button.2

xiv TPDesign4 (v3.2 or higher)Table of ContentsFeedback ...

Working With Buttons126 TPDesign4 (v3.2 or higher)See the Button Types section on page 121 for details.Setting Default New Button ParametersThe Drawin

Working With Buttons127TPDesign4 (v3.2 or higher) 4. Use the next two drop-down menus to specify a Font and Font Size as the default text attributes f

Working With Buttons128 TPDesign4 (v3.2 or higher)Button State PropertiesUse the States tab of the Properties window to set/edit state-oriented button

Working With Buttons129TPDesign4 (v3.2 or higher) The button with edit focus would be the last one selected, and is indicated by having red-colored sq

Working With Buttons130 TPDesign4 (v3.2 or higher)This is where the Lock Button Name option (General tab of the Properties Window) comes into play. By

Working With Buttons131TPDesign4 (v3.2 or higher) 5. Depending on the type of page flip action selected, you may need to also specify the target page,

Working With Buttons132 TPDesign4 (v3.2 or higher)Page Flip ActionsWith a button selected in a Design View window, click Page Flip in the Properties w

Working With Buttons133TPDesign4 (v3.2 or higher) Creating Page Flip AnimationsThe MVP-9000i 9" Modero ViewPoint Touch Panel with Intercom suppor

Working With Buttons134 TPDesign4 (v3.2 or higher)7. Click the Browse button to open the Page Flip Animation dialog (FIG. 187). Note that this option

Working With Buttons135TPDesign4 (v3.2 or higher) Pasting Buttons:You can paste (by either clicking Edit > Paste from the main menu or the Paste bu

Table of ContentsxvTPDesign4 (v3.2 or higher) Channel Codes...

Working With Buttons136 TPDesign4 (v3.2 or higher)4. When the first instance of the criteria is found, the Find In Page dialog is compressed to only s

Working With Buttons137TPDesign4 (v3.2 or higher) For example, to change the Border Style on one or more buttons, select Border Style in the Search Cr

Working With Buttons138 TPDesign4 (v3.2 or higher)Previewing a ButtonThe Button Preview window allows you to preview a button so you can check size, b

Working With Buttons139TPDesign4 (v3.2 or higher) To preview a button:1. Select the button that you want to preview.2. Select View > Button Preview

Working With Buttons140 TPDesign4 (v3.2 or higher)6. Select the desired display format.Creating a Time ButtonA Time Button is a button that displays t

Working With Buttons141TPDesign4 (v3.2 or higher) 4. Edit the button's General, Programming and States properties as necessary (in the Properties

Working With Buttons142 TPDesign4 (v3.2 or higher)Multi-State General ButtonsMulti-State General buttons are basic multi-state buttons that can be use

Working With Buttons143TPDesign4 (v3.2 or higher) Bargraph ButtonsBargraph buttons are level monitors and adjustable level controls that can be config

Working With Buttons144 TPDesign4 (v3.2 or higher)5. Select File > Save to save your changes.Setting Button Properties: Bargraph ButtonsOnce you ha

Working With Buttons145TPDesign4 (v3.2 or higher) Slider TypesThere are several slider types available for use with Bargraph buttons, selectable via t

xvi TPDesign4 (v3.2 or higher)Table of ContentsState Properties...

Working With Buttons146 TPDesign4 (v3.2 or higher)Multi-State Bargraph ButtonsMulti-State Bargraph buttons are level monitors and adjustable level con

Working With Buttons147TPDesign4 (v3.2 or higher) Creating a Custom SliderMulti-State Bargraph buttons work differently than regular Bargraph buttons.

Working With Buttons148 TPDesign4 (v3.2 or higher)4. Set the Icon Justification to Absolute (FIG. 208): 5. In the Icon X Offset state property, click

Working With Buttons149TPDesign4 (v3.2 or higher) 9. Select the last State in the Properties Window (States tab), or in the State Manager window (FIG.

Working With Buttons150 TPDesign4 (v3.2 or higher)13. The results of the tweening are displayed in the State Manager window.To preview the custom slid

Working With Buttons151TPDesign4 (v3.2 or higher) Joystick ButtonsJoystick buttons are vertical and horizontal direction controllers that can be used

Working With Buttons152 TPDesign4 (v3.2 or higher)Text Input ButtonsText Input buttons are intended for user-input (using the on-screen keyboards) on

Working With Buttons153TPDesign4 (v3.2 or higher) Setting Button Properties: Text Input ButtonsOnce you have created a Text Input button, you can use

Working With Buttons154 TPDesign4 (v3.2 or higher)Creating Computer Control Buttons1.Open the Page or Popup page that the button will be added to (dou

Working With Buttons155TPDesign4 (v3.2 or higher) 6. Edit the button's Programming properties as necessary (Programming tab of the Properties win

Table of ContentsxviiTPDesign4 (v3.2 or higher) Removing States From A Button ...

Working With Buttons156 TPDesign4 (v3.2 or higher)TakeNote ButtonsTakeNote buttons work in conjunction with G4 Computer Control to provide a remote de

Working With Buttons157TPDesign4 (v3.2 or higher) Sub-Page View ButtonsSub-Page View buttons are provided to support the Scrolling Regions feature (v3

Working With Buttons158 TPDesign4 (v3.2 or higher)Creating Sub-Page View ButtonsTo create a new Sub-Page View button:1. Open the Page or Popup page th

Working With Buttons159TPDesign4 (v3.2 or higher) List Box ButtonsTPD4 supports adding "List Box" buttons to projects created from panel typ

Working With Buttons160 TPDesign4 (v3.2 or higher)

External Controls (Buttons/LEDs)161TPDesign4 (v3.2 or higher) External Controls (Buttons/LEDs)OverviewTPD4 supports editing the properties for program

External Controls (Buttons/LEDs)162 TPDesign4 (v3.2 or higher)Keypad with Transport Functions - for use with a MIO R-4 with transport keys.Teletex

External Controls (Buttons/LEDs)163TPDesign4 (v3.2 or higher) Animation Time (tenths/sec)Page FlipSetting Global Programming Properties: External

External Controls (Buttons/LEDs)164 TPDesign4 (v3.2 or higher)NameDisabledSetting Global Programming Properties: External LEDsGlobal (panel-wide)

External Controls (Buttons/LEDs)165TPDesign4 (v3.2 or higher) Override Global SettingsNameDisabledPassword ProtectionPage Flip AnimationAn

AMX Software License and Warranty Agreement• LICENSE GRANT. AMX grants to Licensee the non-exclusive right to use the AMX Software in the manner descr

xviii TPDesign4 (v3.2 or higher)Table of ContentsAnimation Effects ...

External Controls (Buttons/LEDs)166 TPDesign4 (v3.2 or higher)DisabledSetting Page-Specific Programming Properties: External LEDsPage-specific setti

Gesture Controls167TPDesign4 (v3.2 or higher) Gesture ControlsOverviewThe MX Series panels as well as the MVP-9000i panel support Gestures for on-scre

Gesture Controls168 TPDesign4 (v3.2 or higher)In the Design View window, Gesture Control buttons may be selected like any other button for editing (FI

Gesture Controls169TPDesign4 (v3.2 or higher) Two-Finger GesturesSupported Two-Finger Gestures include: Using Two-Finger Gestures1.Place two fingers s

Gesture Controls170 TPDesign4 (v3.2 or higher)Accessing Global Properties for Gesture ControlsGlobal (panel-wide) settings for Gesture Controls are ac

Gesture Controls171TPDesign4 (v3.2 or higher) Gestures - General PropertiesOverride Global Settings - This option is only available when editing Pag

Gesture Controls172 TPDesign4 (v3.2 or higher)

Scrolling Regions173TPDesign4 (v3.2 or higher) Scrolling RegionsOverviewScrolling Regions represent a powerful new method of presenting functions on A

Scrolling Regions174 TPDesign4 (v3.2 or higher)Since the touch panels that support Scrolling Regions also support Gestures at the page level, it is im

Scrolling Regions175TPDesign4 (v3.2 or higher) Sub-PagesA Sub-Page is a specific type of Popup Page that is used to represent an individual item withi

Table of ContentsxixTPDesign4 (v3.2 or higher) keypadTele: ...

Scrolling Regions176 TPDesign4 (v3.2 or higher)Creating a Sub-PageThere are two ways to add a new Sub-Page to your Project:Via the Add Popup Page Dial

Scrolling Regions177TPDesign4 (v3.2 or higher) Via the Popup Draw ToolTPD4 also features the Popup Draw tool, which allows you to quickly create new p

Scrolling Regions178 TPDesign4 (v3.2 or higher)Setting Sub-Page PropertiesSub-Pages have a set of Page Properties that can be configured via the field

Scrolling Regions179TPDesign4 (v3.2 or higher) Sub-Page SetsA Sub-Page Set represents an ordered list of Sub-Pages that are to be displayed within a S

Scrolling Regions180 TPDesign4 (v3.2 or higher)3. Enter a unique name for the new Sub-Page Set in the Set Name field.4. Click OK to save your changes

Scrolling Regions181TPDesign4 (v3.2 or higher) c. Repeat this process to add other Sub-Pages to the selected Sub-Page Set (FIG. 252): 6. Specify the

Scrolling Regions182 TPDesign4 (v3.2 or higher)Sub-Page Sets - Slot SizesThe Slot Size fields (Width and Height) in the Edit Sub-Page Sets dialog are

Scrolling Regions183TPDesign4 (v3.2 or higher) Again, try to keep these factors in mind as you design scrolling regions.Editing Sub-Page SetsThe optio

Scrolling Regions184 TPDesign4 (v3.2 or higher)Sub-Page View Buttons - Design ViewSub-Page View buttons are displayed in the Design View with placehol

Scrolling Regions185TPDesign4 (v3.2 or higher) 3. With the Button Draw tool still selected, left-click inside the desired page (in the active Design V

xx TPDesign4 (v3.2 or higher)Table of ContentsPreferences Dialog - Application tab ...

Scrolling Regions186 TPDesign4 (v3.2 or higher)Assigning a Sub-Page Set to the Sub-Page View ButtonOnce you created a series of Sub-Pages and added th

Scrolling Regions187TPDesign4 (v3.2 or higher) Setting Programming Properties: Sub-Page View ButtonsThe following programming properties are supported

Scrolling Regions188 TPDesign4 (v3.2 or higher)Creating a Scrolling Region - ExampleStep 1 - Create Sub-PagesThe first step in creating a scrolling re

Scrolling Regions189TPDesign4 (v3.2 or higher) Once you have created a total of five Sub-Pages, you are ready to proceed to the next step - adding the

Scrolling Regions190 TPDesign4 (v3.2 or higher)3. Enter a Set Name (in this example, "Sub-Page Set 1").4. Click OK to save the new Sub-Page

Scrolling Regions191TPDesign4 (v3.2 or higher) The Sub-Pages will be displayed in the order that they are listed. Use the Move Up and Move Down button

Scrolling Regions192 TPDesign4 (v3.2 or higher)Step 4 - Assign the Sub-Page Set to the Sub-Page View ButtonThe Sub-Page Set that was defined in Step 2

Scrolling Regions193TPDesign4 (v3.2 or higher) For Vertical orientation:Top: First Sub-Page is displayed aligned to the top of the button.Center:

Scrolling Regions194 TPDesign4 (v3.2 or higher)

List Box Buttons195TPDesign4 (v3.2 or higher) List Box ButtonsOverviewTPD4 supports adding "List Box" buttons to projects created from panel

Table of ContentsxxiTPDesign4 (v3.2 or higher) 2: Source Code:...

List Box Buttons196 TPDesign4 (v3.2 or higher)Using the Drawing Tools Toolbar With List Box ButtonsWhen the List Box Draw Tool is selected, the Drawin

List Box Buttons197TPDesign4 (v3.2 or higher) Use the corner resize handles to do a combination what the center handles do by resizing one of the co

List Box Buttons198 TPDesign4 (v3.2 or higher)Creating List Box Buttons (Managed Mode)To create a list box button:1. Select the List Box Draw Tool fro

List Box Buttons199TPDesign4 (v3.2 or higher) Adding Rows and Columns to a List Box (Managed Mode)Adding Rows:1. Select a List Box button in the Diagr

List Box Buttons200 TPDesign4 (v3.2 or higher)Adding Columns:1. Select a List Box button in the Diagram Area (FIG. 286). 2. Click the Add Column toolb

List Box Buttons201TPDesign4 (v3.2 or higher) When one or more of the subordinate buttons are also selected, these features are no longer available.

List Box Buttons202 TPDesign4 (v3.2 or higher)Creating List Box Buttons (Unmanaged Mode)To create a list box button:1. Select the List Box Draw Tool f

List Box Buttons203TPDesign4 (v3.2 or higher) Rows can not be removed nor added.Columns can not be removed nor added.If the user tries to delete one o

List Box Buttons204 TPDesign4 (v3.2 or higher)Setting List Box Container Button PropertiesOnce you have created a List Box button, you can use the Gen

List Box Buttons205TPDesign4 (v3.2 or higher) List Box Container Properties vs. Column Properties (Managed Mode)In Managed mode, properties are split

xxii TPDesign4 (v3.2 or higher)Table of ContentsBorder Styles - Menu Rounded-Bottom...

List Box Buttons206 TPDesign4 (v3.2 or higher)List Table PortList Table AddressColumn Display OrderColumn Sort OrderList Table WrapList Ro

List Box Buttons207TPDesign4 (v3.2 or higher) If you select a List Box Button column, additional state properties are supported.Draw OrderBorder N

List Box Buttons208 TPDesign4 (v3.2 or higher)List Box Buttons - ColumnsIn Managed mode, TPD4 treats a List Box button as a Container for the subordin

List Box Buttons209TPDesign4 (v3.2 or higher) Setting List Box Button Column PropertiesOnce you have created a List Box button, you can use the Genera

List Box Buttons210 TPDesign4 (v3.2 or higher)Setting State Properties: List Box Button ColumnsBy selecting a column within a List Box button, you can

List Box Buttons211TPDesign4 (v3.2 or higher) List Box Buttons - Navigation ButtonsGeneral buttons can be used to provide a means for the user to cont

List Box Buttons212 TPDesign4 (v3.2 or higher)Creating List Box Navigation ButtonsTo create a list box navigation button:1. Add a general button to th

List Box Buttons213TPDesign4 (v3.2 or higher) Both state fill colors for On and Off are set to white. Again, the user can drag the bargraph at run

List Box Buttons214 TPDesign4 (v3.2 or higher)Scroll bar componentsThe figure below (FIG. 303) shows that the yellow bargraph is actually made up of 3

List Box Buttons215TPDesign4 (v3.2 or higher) List Data TablesTPD4 supports the ability to create, edit and delete List Data Tables in support of List

TPDesign4 - G4 Touch Panel Design1TPDesign4 (v3.2 or higher) TPDesign4 - G4 Touch Panel DesignOverviewThe TPDesign4 (or "TPD4") Touch Panel

List Box Buttons216 TPDesign4 (v3.2 or higher)Changing Port and Address Assignments for a List Data Table1.Open the Edit List Tables dialog (Panel >

List Box Buttons217TPDesign4 (v3.2 or higher) 4. Enter the new Port and Address assignments for this List Data Table in the Table Port and Table Addre

List Box Buttons218 TPDesign4 (v3.2 or higher)Working With Static List Box DataCreating a Static List Data TableTo create a Static List Data Table and

List Box Buttons219TPDesign4 (v3.2 or higher) If the column is of the type "Bitmap", you will be able to select a bitmap that has already

List Box Buttons220 TPDesign4 (v3.2 or higher)Working With Dynamic List Box DataList Box CommandsThere are two types of List Box Commands that can be

List Box Buttons221TPDesign4 (v3.2 or higher) Data List Commands (Cont.)^LDR Removes a row from an existing data listSyntax:"'^LDR-<list

List Box Buttons222 TPDesign4 (v3.2 or higher)Data List Commands (Cont.)^LDL Modifies the data in a single column field. This can be used to load a da

List Box Buttons223TPDesign4 (v3.2 or higher) Command Structure List View Commands Command Structure List Commands ^LVO Syntax:"'^LVO-<vi

List Box Buttons224 TPDesign4 (v3.2 or higher)Command Structure List Commands (Cont.)^LVM Move; display a new position.Syntax:"'^LVM-<vie

List Box Buttons225TPDesign4 (v3.2 or higher) Creating a Dynamic List Data TableDynamic List Data is provided to the associated List Box Button by the

TPDesign4 - G4 Touch Panel Design2 TPDesign4 (v3.2 or higher)Scrolling RegionsScrolling Regions represent a powerful new method of presenting function

List Box Buttons226 TPDesign4 (v3.2 or higher) //Updates the view at address 2 SEND_COMMAND Keypad, "' ^LVU-2'" }}//Sort th

List Box Buttons227TPDesign4 (v3.2 or higher) Attaching a Dynamic List Data Table to a List Box ButtonOnce you have created a List Box Button, and def

List Box Buttons228 TPDesign4 (v3.2 or higher)Step 3 - Set the Properties of the Elements In Your List BoxThe important thing to pay attention to is t

List Box Buttons229TPDesign4 (v3.2 or higher) Step 5 - Create a List TableNow it's time to create a List Table. A List Table contains the static

List Box Buttons230 TPDesign4 (v3.2 or higher)Step 7 - Set the Properties Of Each Column In the List Table. There can be multiple columns set to type

List Box Buttons231TPDesign4 (v3.2 or higher) Step 8 - Link the List Table to the List BoxOnce the List Table is finished, the final step is to link t

List Box Buttons232 TPDesign4 (v3.2 or higher)

Working With Properties233TPDesign4 (v3.2 or higher) Working With PropertiesOverviewThe Properties Window is typically located on the right side of th

Working With Properties234 TPDesign4 (v3.2 or higher)Grabbing Properties (via the Grab Properties Tool)Use the Grab Properties function to copy a spec

Working With Properties235TPDesign4 (v3.2 or higher) Painting Properties (via the Paint Properties Tool)1.With a Property Set selected in the Property

TPDesign4 - G4 Touch Panel Design3TPDesign4 (v3.2 or higher) Supported Windows Platforms and PC RequirementsSupported Operating SystemsWindows 7 Bus

Working With Properties236 TPDesign4 (v3.2 or higher)Using the Prev and Next ButtonsThe Prev and Next buttons, located at the bottom of the Properties

Working With Properties237TPDesign4 (v3.2 or higher) Scroll down to view all of the available button properties that can be used as search criteria.

Working With Properties238 TPDesign4 (v3.2 or higher)Click the minus symbol (-) next to the General and States headings to collapse the sections. Cl

Working With Properties239TPDesign4 (v3.2 or higher) General Properties (Cont.)Anchor PositionSelect an Anchor Position option to determine how the Su

Working With Properties240 TPDesign4 (v3.2 or higher)General Properties (Cont.)Animate Time UpThe time intervals between states as the button animates

Working With Properties241TPDesign4 (v3.2 or higher) General Properties (Cont.)Column Sort OrderSpecifies the column sort order for the list table dat

Working With Properties242 TPDesign4 (v3.2 or higher)General Properties (Cont.)Group Use this field to add the selected Popup Page to a specific Popup

Working With Properties243TPDesign4 (v3.2 or higher) General Properties (Cont.)Input MaskThis field allows you apply a mask to user input on the panel

Working With Properties244 TPDesign4 (v3.2 or higher)General Properties (Cont.)List Table PortAn integer value representing the port of the List Data

Working With Properties245TPDesign4 (v3.2 or higher) General Properties (Cont.)List Offset EnabledA flag (yes/no) indicating whether an offset of five

TPDesign4 - G4 Touch Panel Design4 TPDesign4 (v3.2 or higher)Supported Screen ResolutionsWhile many touch panels support a single screen resolution, s

Working With Properties246 TPDesign4 (v3.2 or higher)General Properties (Cont.)List Row HeightAn integer value indicating the height (in pixels) of al

Working With Properties247TPDesign4 (v3.2 or higher) General Properties (Cont.)Override Global SettingsThis option (Yes/No) determines if the button (

Working With Properties248 TPDesign4 (v3.2 or higher)General Properties (Cont.)Reset Pos. On ShowIf this option is turned on, the popup page will alwa

Working With Properties249TPDesign4 (v3.2 or higher) General Properties (Cont.)Show Effect This property allows you to apply a transition effect to th

Working With Properties250 TPDesign4 (v3.2 or higher)General Properties (Cont.)State CountThis field indicates the number of states currently associat

Working With Properties251TPDesign4 (v3.2 or higher) General Properties (Cont.)Touch StyleThis selection drop-down allows you to set a "touch sty

Working With Properties252 TPDesign4 (v3.2 or higher)Input Mask CharactersThe following table lists the available input mask characters, and which cha

Working With Properties253TPDesign4 (v3.2 or higher) Input Mask RangesInput Mask Ranges allow a user to specify the minimum and maximum numeric values

Working With Properties254 TPDesign4 (v3.2 or higher)Programming PropertiesThe following table describes all Programming Properties, accessible in the

Working With Properties255TPDesign4 (v3.2 or higher) Programming Properties (Cont.)Command OutputSpecify the command string sent to the master on butt

TPDesign4 - G4 Touch Panel Design5TPDesign4 (v3.2 or higher) Supported Screen Resolutions (Cont.)Resolution Panel Type(s)1680 x 1050 TPI-PRO TPI-PRO-D

Working With Properties256 TPDesign4 (v3.2 or higher)Programming Properties (Cont.)Level Control TypeThese options allow General buttons to directly c

Working With Properties257TPDesign4 (v3.2 or higher) Address CodesWhen a button, page or popup page's Address Port is set to 0 - setup port, then

Working With Properties258 TPDesign4 (v3.2 or higher)These address code options are separated into two main categories: Basic and Advanced, and the op

Working With Properties259TPDesign4 (v3.2 or higher) Basic Address Codes (Cont.)Intercom With Address Port set to 0 - setup port (in the Programming t

Working With Properties260 TPDesign4 (v3.2 or higher)Creating a Date ButtonA Date Button is a button that displays the current date on the panel. It i

Working With Properties261TPDesign4 (v3.2 or higher) 6. Select the desired display format (Weekday, dd/mm/ yyyy, yyyy-mm-dd, etc).Creating an Intercom

Working With Properties262 TPDesign4 (v3.2 or higher)5. Click the plus (+) symbol next to Intercom to expose a drop-down menu of intercom functions to

Working With Properties263TPDesign4 (v3.2 or higher) 4. Click the Address Code field to enable the drop-down menu (none, Date Display, Intercom, Time

Working With Properties264 TPDesign4 (v3.2 or higher)Advanced Address CodesWith the Address Port property set to 0 - setup port (in the Programming ta

Working With Properties265TPDesign4 (v3.2 or higher) Advanced Address Codes (Cont.)G4 WebControl With Address Port set to 0 - setup port (Programming

Table of ContentsiTPDesign4 (v3.2 or higher) Table of ContentsTPDesign4 - G4 Touch Panel Design ...

TPDesign4 - G4 Touch Panel Design6 TPDesign4 (v3.2 or higher)Screen Resolutions By Panel TypeWhile many touch panels support a single screen resolutio

Working With Properties266 TPDesign4 (v3.2 or higher)Advanced Address Codes (Cont.)Panel ID With Address Port set to 0 - setup port (Programming tab o

Working With Properties267TPDesign4 (v3.2 or higher) Advanced Address Codes (Cont.)Panel Info (Cont.) • Panel Type: Displays the model of the panel b

Working With Properties268 TPDesign4 (v3.2 or higher)Advanced Address Codes (Cont.)Primary Network InterfaceWith Address Port set to 0 - setup port (i

Working With Properties269TPDesign4 (v3.2 or higher) Advanced Address Codes (Cont.)Secondary Network InterfaceWith Address Port set to 0 - setup port

Working With Properties270 TPDesign4 (v3.2 or higher)Advanced Address Codes (Cont.)TakeNote With Address Port set to 0 - setup port (in the Programmin

Working With Properties271TPDesign4 (v3.2 or higher) Channel CodesWhen a button, page or popup page's Channel Port is set to 0 - setup port, then

Working With Properties272 TPDesign4 (v3.2 or higher)NXP-PLV Reserved Channel Codes (1-7)The NXP-PLV will define a set of Channel codes (1-7) and Leve

Working With Properties273TPDesign4 (v3.2 or higher) Basic Channel CodesWith the Channel Port property set to 0 - setup port (in the Programming tab o

Working With Properties274 TPDesign4 (v3.2 or higher)Advanced Channel CodesWith the Channel Port property set to 0 - setup port (in the Programming ta

Working With Properties275TPDesign4 (v3.2 or higher) Advanced Channel Codes (Cont.)Computer Control (Cont.)• Password Entry: Brings up keyboard for en

TPDesign4 - G4 Touch Panel Design7TPDesign4 (v3.2 or higher) Video Capabilities for Modero PanelsVideo Capable Modero Panels all support Composite vid

Working With Properties276 TPDesign4 (v3.2 or higher)Advanced Channel Codes (Cont.)Panel ID With Channel Port set to 0 - setup port (in the Programmin

Working With Properties277TPDesign4 (v3.2 or higher) Advanced Channel Codes (Cont.)Primary NetworkInterfaceWith Channel Port set to 0 - setup port (in

Working With Properties278 TPDesign4 (v3.2 or higher)Advanced Channel Codes (Cont.)Secondary Network InterfaceWith Channel Port set to 0 - setup port

Working With Properties279TPDesign4 (v3.2 or higher) Advanced Channel Codes (Cont.)Time With Channel Port set to 0 - setup port (in the Programming ta

Working With Properties280 TPDesign4 (v3.2 or higher)Level CodesIf the Level Control Type is set to either Relative or Absolute (in the Programming ta

Working With Properties281TPDesign4 (v3.2 or higher) NXP-PLV Reserved Level Codes (1-11)The NXP-PLV will define a set of Channel codes (1-7) and Level

Working With Properties282 TPDesign4 (v3.2 or higher)Basic Level CodesPanel Setup With Level Port set to 0 - setup port (in the Programming tab of the

Working With Properties283TPDesign4 (v3.2 or higher) Advanced Level CodesWith the Level Port property set to 0 - setup port (in the Programming tab of

Working With Properties284 TPDesign4 (v3.2 or higher)Level Control ParametersThe Level Control Type options (set in the Programming tab of the Propert

Working With Properties285TPDesign4 (v3.2 or higher) State PropertiesThe following table describes all State Properties, accessible in the States tab

TPDesign4 - G4 Touch Panel Design8 TPDesign4 (v3.2 or higher)Intercom Capabilities for Modero PanelsIntercom-equipped Modero Panels support 2-way full

Working With Properties286 TPDesign4 (v3.2 or higher)State Properties (Cont.)Draw OrderThis field allows you to specify the order in which the element

Working With Properties287TPDesign4 (v3.2 or higher) State Properties (Cont.)Icon Y OffsetTo apply an X and/or Y offset to the icon (on the selected s

Working With Properties288 TPDesign4 (v3.2 or higher)State Properties (Cont.)Scale Bitmap To FitAvailable only if the Bitmap selected for this button/

Working With Properties289TPDesign4 (v3.2 or higher) State Properties (Cont.)Sub-Page Layout Color This property is available only for Sub-Page View b

Working With Properties290 TPDesign4 (v3.2 or higher)State Properties (Cont.)Text EffectText effects are graphic effects that can applied to button/pa

Working With Properties291TPDesign4 (v3.2 or higher) Supported Image File TypesTPD4 supports the following image file types:BMP (Windows bitmap)IF

Working With Properties292 TPDesign4 (v3.2 or higher)True Type Font SupportSince G4 panels have the ability to decode and display Windows True Type Fo

Working With States293TPDesign4 (v3.2 or higher) Working With StatesOverviewAll G4 panel entities (Pages, popup pages and buttons) have at least one s

Working With States294 TPDesign4 (v3.2 or higher)Adding States To a Multi-State ButtonThere are several ways in which new states can be added to a mul

Working With States295TPDesign4 (v3.2 or higher) Copying/Pasting StatesStates may be copied and pasted via clipboard memory:1. Select the button from

TPDesign4 - G4 Touch Panel Design9TPDesign4 (v3.2 or higher) Use the set of options in the File menu to access the key functions of the G4 PanelBuilde

Working With States296 TPDesign4 (v3.2 or higher)Replacing StatesThere are two ways to replace states in a multi-state button:Replacing States From th

Working With States297TPDesign4 (v3.2 or higher) Setting State PropertiesThe ability to set the State Properties (including border name, border color,

Working With States298 TPDesign4 (v3.2 or higher)Reordering States On A ButtonChanging the order of states in a Multi-State General or Multi-State Bar

Working With States299TPDesign4 (v3.2 or higher) Changing the State Draw Order for Selected StatesUse the State Draw Order dialog to specify the draw

Working With States300 TPDesign4 (v3.2 or higher)

Working With Function Codes301TPDesign4 (v3.2 or higher) Working With Function CodesOverviewIn terms of designing buttons that interact with and contr

Working With Function Codes302 TPDesign4 (v3.2 or higher)Function Code MapClick the Function Maps tab (at the bottom of the Workspace window) to view

Working With Function Codes303TPDesign4 (v3.2 or higher) 0- setup portSetting the Address, Channel or Level Port to the setup port ("0") pro

Working With Function Codes304 TPDesign4 (v3.2 or higher)Using Power AssignOne of the big time-eating factors of creating a touch panel file is correc

Working With Function Codes305TPDesign4 (v3.2 or higher) Step One - Clear ChannelsIt is good practice to clear the function codes before any Assign Co

TPDesign4 - G4 Touch Panel Design10 TPDesign4 (v3.2 or higher)

Working With Function Codes306 TPDesign4 (v3.2 or higher)4. Under Function Code Type, select Channel.5. Click Assign. FIG. 358 shows the same group of

Working With Function Codes307TPDesign4 (v3.2 or higher) Step Two - Assign CodesNext assign new function codes:1. Select one or buttons in the Design

Working With Function Codes308 TPDesign4 (v3.2 or higher)Code Assignments - Wrap Within Port IDSelect Wrap Within Port ID (under Code Assignments) to

Working With Colors and Palettes309TPDesign4 (v3.2 or higher) Working With Colors and Palettes OverviewA key feature of TPD4 is it's ability to u

Working With Colors and Palettes310 TPDesign4 (v3.2 or higher)2. Palette Index: a default palette that provides the Base 88 colors (which the can be m

Working With Colors and Palettes311TPDesign4 (v3.2 or higher) Working With PalettesTPD4 supports creating and saving multiple custom color palettes wi

Working With Colors and Palettes312 TPDesign4 (v3.2 or higher)3. Select a palette entry:To add a new palette entry to the palette, select a slot wit

Working With Colors and Palettes313TPDesign4 (v3.2 or higher) Exporting Palette (*.PAL) FilesUse this feature to save and distribute custom palettes t

Working With Colors and Palettes314 TPDesign4 (v3.2 or higher)Check the documentation for your image-editing program to learn about applying transpare

Animation Effects315TPDesign4 (v3.2 or higher) Animation EffectsOverviewTPD4 utilizes three main concepts for supporting animation effects in your pro

The TPDesign4 Work Area1TPDesign4 (v3.2 or higher) The TPDesign4 Work AreaOverviewThe TPDesign4 work area consists of several main components (FIG. 1)

Animation Effects316 TPDesign4 (v3.2 or higher)2. Click Next to proceed to the Animation Wizard - Create Sequence (Step 2 of 6) dialog. Use this dialo

Animation Effects317TPDesign4 (v3.2 or higher) Use the next field to indicate which of the existing states to duplicate, if more states are required

Animation Effects318 TPDesign4 (v3.2 or higher)2. Select Button > Add States, and add 10 states, for a total of 12 (FIG. 371). 3. Change the Fill a

Animation Effects319TPDesign4 (v3.2 or higher) Creating Color Transition EffectsUse the Border Color, Fill Color and Text Color tweeners to easily app

Animation Effects320 TPDesign4 (v3.2 or higher)4. Right-click on one of the highlighted states in the State Manager window, and select Tweeners from t

Animation Effects321TPDesign4 (v3.2 or higher) Creating Animated Text EffectsUse the Text Position tweener to apply animated text effects to multi-sta

Animation Effects322 TPDesign4 (v3.2 or higher)Chameleon ImagesTPD4 supports a button state property called Chameleon Image. A chameleon image is a PN

Animation Effects323TPDesign4 (v3.2 or higher) For an example of a chameleon image, refer to the "Chameleon Demo" TPD4 file attached to Tech

Animation Effects324 TPDesign4 (v3.2 or higher)Since chameleon buttons rely on the Border and Fill color settings, you can use the Fill Color and Bord

Working With Templates325TPDesign4 (v3.2 or higher) Working With TemplatesOverviewTPDesign4 allows you to import VisualArchitect (VA) template files (

The TPDesign4 Work Area2 TPDesign4 (v3.2 or higher)MenusFile MenuContains typical File menu options (Save, Save As, Print, Exit), plus several options

Working With Templates326 TPDesign4 (v3.2 or higher)A VisualArchitect template is a TPD4 file complete with pages, popups and buttons, named in a mann

Working With Templates327TPDesign4 (v3.2 or higher) VA Templates - Navigations as PagesTPD4 modifies the export of panel projects as VisualArchitect t

Working With Templates328 TPDesign4 (v3.2 or higher)Creating Preview Images section on page 335 for details.Required Template ElementsWhen designing a

Working With Templates329TPDesign4 (v3.2 or higher) Optional Template ElementsThere are required elements when developing templates but VisualArchitec

Working With Templates330 TPDesign4 (v3.2 or higher)• buttonName The button name used in the generated TP4 project.Popups in a Mode element can contai

Working With Templates331TPDesign4 (v3.2 or higher) This element is the actual device used. For reference, consult AMX templates where we list the mos

Working With Templates332 TPDesign4 (v3.2 or higher)Rules for Navigating a TemplateIn addition to the template requirements and required elements, the

Working With Templates333TPDesign4 (v3.2 or higher) In order for a TP4 file to be successfully exported as a VisualArchitect Template file, the TP4 pr

Working With Templates334 TPDesign4 (v3.2 or higher)In order for a TP4 file to be successfully exported as a VisualArchitect Template file, the TP4 pr

Working With Templates335TPDesign4 (v3.2 or higher) FIG. 389 shows the "[ placeholder#Placeholder]Placeholder" page as it appears in the Des

The TPDesign4 Work Area3TPDesign4 (v3.2 or higher) Edit MenuFile Menu (Cont.)Save Saves the active project. The first time you save the project, the S

Working With Templates336 TPDesign4 (v3.2 or higher)This menu lists all of the types of project elements that are recognized by VisualArchitect. Pick

Working With Templates337TPDesign4 (v3.2 or higher) Chameleon images can be used in conjunction with custom palettes to create VisualArchitect templat

Working With Templates338 TPDesign4 (v3.2 or higher)The System Page Template is a set of pages, popup pages and buttons that are pre-defined with func

Working With Templates339TPDesign4 (v3.2 or higher) Copying/Pasting Entire System Pages into a ProjectYou can add System Pages to your project by copy

Working With Templates340 TPDesign4 (v3.2 or higher)Working with System Page Keyboards and KeypadsOne of the most helpful features of the System Page

Working With Templates341TPDesign4 (v3.2 or higher) To use these pages in your project, copy/paste the system page (or just those elements that you wa

Working With Templates342 TPDesign4 (v3.2 or higher)

File Transfer Operations343TPDesign4 (v3.2 or higher) File Transfer OperationsOverviewIn TPDesign4, all file transfer operations are routed through th

File Transfer Operations344 TPDesign4 (v3.2 or higher)Configuring a New TCP/IP Connection1.Select Transfer > Connect (or click the toolbar button)

File Transfer Operations345TPDesign4 (v3.2 or higher) 5. If the target NetLinx Master has authentication enabled, click the Connection requires authen

The TPDesign4 Work Area4 TPDesign4 (v3.2 or higher)Contains typical Edit menu options plus tool options, and access to the Preferences dialog:Edit Men

File Transfer Operations346 TPDesign4 (v3.2 or higher)1. Select Transfer > Send To Panel.If you are not already connected to the Master, the Connec

File Transfer Operations347TPDesign4 (v3.2 or higher) Use the Transfer > Receive From Panel option (or click the toolbar button) to connect to a Ma

File Transfer Operations348 TPDesign4 (v3.2 or higher)The status of the Transfer is indicated in the Transfer Status window (FIG. 402): Virtual NetLin

File Transfer Operations349TPDesign4 (v3.2 or higher) TPD4 supports direct connection to G4 panels for situations where the target panel is not connec

File Transfer Operations350 TPDesign4 (v3.2 or higher)5. Select Transfer > Send to Panel to open the Send To Panel dialog. The panel should appear

File Transfer Operations351TPDesign4 (v3.2 or higher) To configure the panel for Virtual NetLinx Master transfers via USB:1. Press and hold the grey F

File Transfer Operations352 TPDesign4 (v3.2 or higher)1. Connect the terminal end of the PSN6.5 power cable to the 12 VDC power connector on the rear

File Transfer Operations353TPDesign4 (v3.2 or higher) FIG. 405 Local Area Connection Properties dialogFIG. 406 Internet Protocol (TCP/IP) Properties

File Transfer Operations354 TPDesign4 (v3.2 or higher)

Program Preferences355TPDesign4 (v3.2 or higher) Program PreferencesSetting Program PreferencesSelect Edit > Preferences to open the Preferences di

The TPDesign4 Work Area5TPDesign4 (v3.2 or higher) Panel MenuContains options for panel-level operations such as page flip verification, access to the

Program Preferences356 TPDesign4 (v3.2 or higher)Button Deletions / CutsButton Creations / PastesPage / Popup Page Deletions / CutsPage / Popu

Program Preferences357TPDesign4 (v3.2 or higher) MiscellaneousFlush Closed Pages on Save: When enabled, this option flushes system memory of any pag

Program Preferences358 TPDesign4 (v3.2 or higher)WindowInitial Zoom: Click the down arrow to open a drop-down list of the zoom settings that can be

Program Preferences359TPDesign4 (v3.2 or higher) TransparencyTransparent colors in TPDesing4 are represented by a checkerboard pattern. This set of op

Program Preferences360 TPDesign4 (v3.2 or higher)Temp folder location: Use this field to set the location of the folder TPD4 uses for any temp files

Program Preferences361TPDesign4 (v3.2 or higher) Preferences Dialog - Undo/Redo tab Undo / Redo SupportEnable the Undo system: This option enables/d

Program Preferences362 TPDesign4 (v3.2 or higher)Adding an External Editing Program for Image FilesUse the options in the Editor Selection tab of the

Program Preferences363TPDesign4 (v3.2 or higher) Adding an External Editing Program for Sound Files1.Select Edit > Preferences to open the Preferen

Program Preferences364 TPDesign4 (v3.2 or higher)5. Click OK to close the Choose Editor dialog.6. The new default editor is indicated in the Default c

Program Preferences365TPDesign4 (v3.2 or higher) Customizing the ToolbarsAdding Buttons To Existing Toolbars1.Open the Customize dialog (select View &

ii TPDesign4 (v3.2 or higher)Table of ContentsTransfer Menu ...

The TPDesign4 Work Area6 TPDesign4 (v3.2 or higher)Page MenuContains options for adding/deleting pages and popup pages from the project:Button MenuCon

Program Preferences366 TPDesign4 (v3.2 or higher)Alternatively, as long as the Customize dialog is open, you can simply right-click on any button to o

Program Preferences367TPDesign4 (v3.2 or higher) Deleting Custom ToolbarsTo delete custom (user-added) toolbars from the TPD4 workspace:1. Click View

Program Preferences368 TPDesign4 (v3.2 or higher)Alternatively, as long as the Customize dialog is open, you can simply right-click on any menu item t

Program Preferences369TPDesign4 (v3.2 or higher) Adding a Shortcut To an Application In the Tools MenuUse the options on the Tools tab of the Customiz

Program Preferences370 TPDesign4 (v3.2 or higher)5. Click Assign to assign the key(s) to the selected menu item.To remove a hotkey assignment, selec

Appendix A: G4 ComputerControl (G4CC)371TPDesign4 (v3.0 or higher) Appendix A: G4 ComputerControl (G4CC)OverviewAMX Modero Touch Panels, the NXP-TPI/4

Appendix A: G4 ComputerControl (G4CC)372 TPDesign4 (v3.0 or higher)Setting Up G4 ComputerControl1: TPD4 Touch Panel File:1.Create a new button, and se

Appendix A: G4 ComputerControl (G4CC)373TPDesign4 (v3.0 or higher) where:< mdlGuestPC > - local name for this instance of the cc-GuestPC modul

Appendix A: G4 ComputerControl (G4CC)374 TPDesign4 (v3.0 or higher)6. Press the OK button when finished adding a panel. This action creates the config

Appendix B: TakeNote375TPDesign4 (v3.0 or higher) Appendix B: TakeNoteOverviewTakeNote is an AMX application that works in conjunction with Modero pan

The TPDesign4 Work Area7TPDesign4 (v3.2 or higher) States MenuContains options for setting the maximum active state on multi-state buttons, and tweeni

Appendix B: TakeNote376 TPDesign4 (v3.0 or higher)256 MB of RAMVGA screen resolution of 800 x 600 pixels (minimum, 1024 x 768 recommended)Using

Appendix B: TakeNote377TPDesign4 (v3.0 or higher) 11. Determine your transfer options and click Send to begin the upload process to the target panel.

Appendix B: TakeNote378 TPDesign4 (v3.0 or higher)Step 4: Configuring G4 Computer ControlconfigCC.exe (included on the USB stick) is the Configuration

Appendix B: TakeNote379TPDesign4 (v3.0 or higher) TakeNote Commands TakeNote CommandsStartAnno- width, heightThis command activates a session (if the

Appendix B: TakeNote380 TPDesign4 (v3.0 or higher)TakeNote Commands (Cont.)SetWidth- WidthThis command sets the width of the annotating pen for the cl

Appendix C: Text Effects and Border Styles381TPDesign4 (v3.2 or higher) Appendix C: Text Effects and Border StylesText EffectsThe following topics pro

Appendix C: Text Effects and Border Styles382 TPDesign4 (v3.2 or higher)Text Effects - Hard Drop ShadowThe following Text Effects are contained in the

Appendix C: Text Effects and Border Styles383TPDesign4 (v3.2 or higher) Text Effects - Medium Drop ShadowThe following Text Effects are contained in t

Appendix C: Text Effects and Border Styles384 TPDesign4 (v3.2 or higher)Text Effects - OutlineThe following Text Effects are contained in the "Ou

Appendix C: Text Effects and Border Styles385TPDesign4 (v3.2 or higher) Text Effects - Soft Drop Shadow with OutlineThe following Text Effects are con

The TPDesign4 Work Area8 TPDesign4 (v3.2 or higher)Contains options for establishing a connection to the NetLinx Master and panels, and for transferri

Appendix C: Text Effects and Border Styles386 TPDesign4 (v3.2 or higher)Border StylesThe following topics provide previews of each Border Style, selec

Appendix C: Text Effects and Border Styles387TPDesign4 (v3.2 or higher) Border Styles - BevelThe following Border Styles are contained in the "Be

Appendix C: Text Effects and Border Styles388 TPDesign4 (v3.2 or higher)Border Styles - DiamondsThe following Border Styles are contained in the "

Appendix C: Text Effects and Border Styles389TPDesign4 (v3.2 or higher) Border Styles - GlowThe following Border Styles are contained in the "Glo

Appendix C: Text Effects and Border Styles390 TPDesign4 (v3.2 or higher)Border Styles - Menu Rounded-RightThe following Border Styles are contained in

Appendix C: Text Effects and Border Styles391TPDesign4 (v3.2 or higher) Border Styles - MiscThe following Border Styles are contained in the "Mis

Appendix C: Text Effects and Border Styles392 TPDesign4 (v3.2 or higher)Border Styles - Ovals -HorizontalThe following Border Styles are contained in

Appendix C: Text Effects and Border Styles393TPDesign4 (v3.2 or higher) Border Styles - Smart Button BubbledThe following Border Styles are contained

Appendix C: Text Effects and Border Styles394 TPDesign4 (v3.2 or higher)

Program Preferences395 TPDesign4 (v3.2 or higher)

The TPDesign4 Work Area9TPDesign4 (v3.2 or higher) Tools MenuAllows access to the Microsoft® Paint utility program, and any other external application

1/12 ©2012 AMX. All rights reserved. AMX and the AMX logo are registered trademarks of AMX. AMX reserves the right to alter specifications without no

The TPDesign4 Work Area10 TPDesign4 (v3.2 or higher)Contains options to access the on-line help program, the Readme.TXT file and the About TPD4 splash

The TPDesign4 Work Area11TPDesign4 (v3.2 or higher) Select Layout > Vertical Spacing to open the Vertical Spacing Options sub-menu:Size For Border

The TPDesign4 Work Area12 TPDesign4 (v3.2 or higher)The Main toolbar contains shortcuts to many of the basic features of the program. FIG. 2 Main

The TPDesign4 Work Area13TPDesign4 (v3.2 or higher) Transfer ToolbarThe Transfer toolbar contains shortcuts to the transfer controls (also available v

The TPDesign4 Work Area14 TPDesign4 (v3.2 or higher)View ToolbarThe View toolbar contains shortcuts to the view controls (also available via the View

The TPDesign4 Work Area15TPDesign4 (v3.2 or higher) Button Display ToolbarThe Button Display toolbar contains shortcuts to the button display controls

Table of ContentsiiiTPDesign4 (v3.2 or higher) Transfer Status Window...

The TPDesign4 Work Area16 TPDesign4 (v3.2 or higher)Drawing Tools ToolbarThe Drawing Tools toolbar contains shortcuts to several of the main drawing t

The TPDesign4 Work Area17TPDesign4 (v3.2 or higher) Order Assist ToolbarThe Order Assist Tool toolbar contains shortcuts to control options for contro

The TPDesign4 Work Area18 TPDesign4 (v3.2 or higher)Size Assist Tools ToolbarThe Size Assist Tools toolbar contains shortcuts to many layout control o

The TPDesign4 Work Area19TPDesign4 (v3.2 or higher) List Box Tools ToolbarThe List Box Tools toolbar contains shortcuts to the Add Row/Column and Dele

The TPDesign4 Work Area20 TPDesign4 (v3.2 or higher)Since Design View windows represent the pages on the panel themselves, Design Views that represe

The TPDesign4 Work Area21TPDesign4 (v3.2 or higher) Design View Window context menu (Cont.)Delete Click to delete the selected object(s).Find Click to

The TPDesign4 Work Area22 TPDesign4 (v3.2 or higher)Design View Window MDI Tab ControlsEach panel page that you open is shown in its own Design View w

The TPDesign4 Work Area23TPDesign4 (v3.2 or higher) Zoom controls do not affect the actual size of the selected object, only the way it is represented

The TPDesign4 Work Area24 TPDesign4 (v3.2 or higher)Gesture Control buttons allow you to specify button properties to Gestures, in a way that is simil

The TPDesign4 Work Area25TPDesign4 (v3.2 or higher) Workspace WindowThe Workspace Window is used to open the pages / popup pages in the file (establis

iv TPDesign4 (v3.2 or higher)Table of ContentsResource Manager ...

The TPDesign4 Work Area26 TPDesign4 (v3.2 or higher)Edit focus is indicated by a small arrow at the lower-left corner of the icon for the selected p

The TPDesign4 Work Area27TPDesign4 (v3.2 or higher) Properties WindowThe Properties Window is used to view/edit page, popup page and button properties

The TPDesign4 Work Area28 TPDesign4 (v3.2 or higher)Properties Window - General TabClick the General tab (at the top of the Properties Window) to set/

The TPDesign4 Work Area29TPDesign4 (v3.2 or higher) To edit Programming properties, select an element either in the Workspace window or in a Design

The TPDesign4 Work Area30 TPDesign4 (v3.2 or higher)State Manager WindowThe State Manager is typically located along the bottom edge of the screen (al

The TPDesign4 Work Area31TPDesign4 (v3.2 or higher) State Manager Drag-and-Drop MenuTo access the State Manager Drag-and-Drop menu, select a button st

The TPDesign4 Work Area32 TPDesign4 (v3.2 or higher)Transfer Status WindowThe Send To Panel and Receive From Panel dialogs place the requested transfe

The TPDesign4 Work Area33TPDesign4 (v3.2 or higher) Push: Click the Push button to simulate a push on the selected button. This allows you to visual

The TPDesign4 Work Area34 TPDesign4 (v3.2 or higher)If you don't have a printer installed on your PC, the File > Print and File > Print Pre

The TPDesign4 Work Area35TPDesign4 (v3.2 or higher)

Table of ContentsvTPDesign4 (v3.2 or higher) Icons ...

The TPDesign4 Work Area36 TPDesign4 (v3.2 or higher)

Working With Project (*.TP4) Files37TPDesign4 (v3.2 or higher) Working With Project (*.TP4) FilesOverviewTP4 Project (or Panel) files are created in t

Working With Project (*.TP4) Files38 TPDesign4 (v3.2 or higher)Using the New Project WizardThe New Project Wizard steps you through the process of cre

Working With Project (*.TP4) Files39TPDesign4 (v3.2 or higher) Fill out this information and click Next to proceed.You can click Finish to close the

Working With Project (*.TP4) Files40 TPDesign4 (v3.2 or higher)When you utilize System-Generated File Names, the resulting filename for this project f

Working With Project (*.TP4) Files41TPDesign4 (v3.2 or higher) Setting Project PropertiesSelect File > Project Properties to open the Project Prope

Working With Project (*.TP4) Files42 TPDesign4 (v3.2 or higher)Project Properties dialog - Project Information tabJob Name This editable field displa

Working With Project (*.TP4) Files43TPDesign4 (v3.2 or higher) Applying Password Protection to Your Project FileTPD4 supports two levels of password p

Working With Project (*.TP4) Files44 TPDesign4 (v3.2 or higher)Project Properties dialog - Panel Setup Information tabUse the options in the Panel Set

Working With Project (*.TP4) Files45TPDesign4 (v3.2 or higher) Setting a Power Up PageUse the Power-up page option in the Panel Setup Information tab

vi TPDesign4 (v3.2 or higher)Table of ContentsPasting Pages ...

Working With Project (*.TP4) Files46 TPDesign4 (v3.2 or higher)3. Select a popup page that you want to be displayed over the Power-up page from this l

Working With Project (*.TP4) Files47TPDesign4 (v3.2 or higher) Project Properties dialog - Sensors tabUse the options in the Sensors tab of the Projec

Working With Project (*.TP4) Files48 TPDesign4 (v3.2 or higher)Project Properties dialog - IR Emitters and Receivers tabUse the options in the IR Emit

Working With Project (*.TP4) Files49TPDesign4 (v3.2 or higher) Using the Selection ToolTo activate the Selection tool, select Edit > Selection Tool

Working With Project (*.TP4) Files50 TPDesign4 (v3.2 or higher)Edit FocusThe page, popup page, or button(s) that are the target for change actions are

Working With Project (*.TP4) Files51TPDesign4 (v3.2 or higher) Cutting, Copying and PastingThere are several items that can be cut, copied or pasted i

Working With Project (*.TP4) Files52 TPDesign4 (v3.2 or higher)Images, slots and sounds: Click these options to select which collateral information

Working With Project (*.TP4) Files53TPDesign4 (v3.2 or higher) Once a panel file is closed, it’s undo/redo stack is flushed and is no longer available

Working With Project (*.TP4) Files54 TPDesign4 (v3.2 or higher)Generating the Programmer's ReportSelect Panel> Generate Programmers Report to

Working With Project (*.TP4) Files55TPDesign4 (v3.2 or higher) Working With Multiple ProjectsTPD4 supports working on multiple projects simultaneously

Table of ContentsviiTPDesign4 (v3.2 or higher) Sub-Pages ...

Working With Project (*.TP4) Files56 TPDesign4 (v3.2 or higher)3. In the Workspace Navigator (Pages tab), click to select the target project (the one

Working With Project (*.TP4) Files57TPDesign4 (v3.2 or higher) 6. Use the New Filename field to rename the project file, if desired. Use the Browse bu

Working With Project (*.TP4) Files58 TPDesign4 (v3.2 or higher)Converting TPD3 files to TPD4TPDesign4 is backward-compatible with TPDesign3. However,

Working With Project (*.TP4) Files59TPDesign4 (v3.2 or higher) 3. Step 2 of 3 (View Warnings and Substitute Fonts): The TPD Conversion Wizard - Warnin

Working With Project (*.TP4) Files60 TPDesign4 (v3.2 or higher)Errors and warnings are displayed in the Errors and Warnings Report dialog. Neither err

Resource Manager61TPDesign4 (v3.2 or higher) Resource ManagerOverviewTPDesign4 manages all image and sound on a project level via the Resource Manager

Resource Manager62 TPDesign4 (v3.2 or higher)Slots: This tab allows you to manage slot assignments for images and icons. See Resource Manager dialog

Resource Manager63TPDesign4 (v3.2 or higher) Resource Manager dialog - Images tabThe Images tab of the Resource Manager dialog (FIG. 59) provides a co

Resource Manager64 TPDesign4 (v3.2 or higher)Resource Manager dialog - Dynamic Images tabThe Dynamic Images tab of the Resource Manager dialog (FIG. 6

Resource Manager65TPDesign4 (v3.2 or higher) Resource Manager dialog - Slots tabThe Slots tab of the Resource Manager dialog (FIG. 61) provides a conv