background image

Working With Templates

184

TPDesign4 Touch Panel Design Software (v2.10 or higher)

Sub-Navigation Element Conventions   

Splash Element Conventions 

Sub-Navigation Popups:

A template may contain one or more Sub-Navigation elements, which 
are composed of one or more popup pages (Sub-Navigation elements 
may not contain pages).
[subnav#navName]pageName

navName

 - The name of the Sub-Navigation as it will appear in G4 

PanelBuilder.

pageName

 - The base page name that will be used in the generated 

TP4 project.

Info Button:

One and only one of the popups in a Sub-Navigation element may 
contain an Info button which contains the page flip information for dis-
playing the Sub-Navigation element and may also contain an optional 
icon image.
[info]buttonName

buttonName

 - Unused; The button is deleted in the generated TP4 

project.

Item Button:

In total, the popups in the Sub-Navigation element must contain at 
least one Item button that will be filled in with navigation information. 
Item buttons will be ordered in the Navigation element by their left-to-
right, then top-to-bottom screen order.
[item]buttonName

buttonName

 - The button name that will be used in the generated 

TP4 project.

Title Buttons:

The popups in a Sub-Navigation element may contain one or more 
Title buttons, whose text will be replaced with the name given to the 
Sub-Navigation in the generated TP4 project.
[title]buttonName

buttonName

 - The button name that will be used in the generated 

TP4 project.

Splash Popups:

A template may contain one or more Splash elements, which are com-
posed of one or more popup pages (Splash elements may not contain 
pages).
[splash#splashName]pageName

startName

 - The name of the Splash element as it will appear in G4 

PanelBuilder.

pageName

 - The base page name that will be used in the generated 

TP4 project.

Info Button:

One and only one of the pages/popups in a Splash element may con-
tain a Info button which contains the page flip information for display-
ing the Splash element and may also contain an optional icon image.
[info]buttonName

buttonName

 - Unused; The button is deleted in the generated TP4 

project.

Title Buttons:

The popups in a Splash element may contain one or more Title but-
tons, whose text will be replaced with the name given to the Splash 
element in the generated TP4 project.
[title]buttonName

buttonName

 - The button name that will be used in the generated 

TP4 project.

Summary of Contents for Modero NXD-1200VG

Page 1: ...Operation Reference Guide Software TPDesign4 Touch Panel Design Program v2 10 or higher Last Revised 8 21 2008 ...

Page 2: ...PLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE WITH REGARD TO THE AMX SOFTWARE THIS LIM ITED WARRANTY GIVES LICENSEE SPECIFIC LEGAL RIGHTS Any supplements or updates to the AMX SOFTWARE including without limitation any if any service packs or hot fixes provided to Licensee after the expiration of the ninety 90 day Limited Warranty period are not covered by any warranty or...

Page 3: ...gn View Windows 6 Using the Zoom Controls 7 Workspace Navigator 8 Properties Control Window 9 Properties Control Window General Tab 9 Properties Control Window Programming Tab 9 Properties Control Window States Tab 9 State Manager Window 10 Transfer Status Window 10 Button Preview Window 11 Button Preview Context Menu 11 Magnifier Window 12 Working With Dockable Windows 12 Moving Docking and Resiz...

Page 4: ...ers 29 Creating a TPD4 Project for R 4 Remote Controllers 29 R 4 Remote Devices Unsupported Button Types 30 Using Quick Input 30 Undo Redo Support 31 Using the Workspace Navigator 31 Workspace Navigator Pages tab 31 Opening pages popup pages via the Workspace Navigator 32 Renaming Pages via the Workspace Navigator 32 Workspace Navigator Edit Focus 32 Workspace Navigator Function Maps tab 32 Cuttin...

Page 5: ...ideo Source on a Page 43 Copying Pages 44 Pasting Pages 44 Copying Pasting a State From a Page 44 Opening pages popup pages via the Workspace Navigator 44 Renaming a Page 44 Renaming Pages via the Workspace Navigator 44 Deleting Pages From a Project 45 Exporting Pages as Image Files 45 Printing Pages 46 Working With Popup Pages 47 Overview 47 Creating a Popup Page 47 Using the Popup Draw Tool 48 D...

Page 6: ...al Button Properties 65 Setting Button Programming Properties 66 Level Control Types 66 Setting State Properties 67 Editing Button Properties 68 Editing Multiple Selections 68 Apply To All 68 General Buttons 69 Multi State General Buttons 69 Bargraph Buttons 69 Multi State Bargraph Buttons 69 Custom sliders on Multi state Bargraph Buttons 69 Formatting Codes Bargraph and Multi Bargraph buttons onl...

Page 7: ...xternal Pushbuttons and or LEDs 81 Setting Global Programming Properties for External Pushbuttons and or LEDs 81 Setting Page Specific General Properties for External Pushbuttons and or LEDs 82 Setting Page Specific Programming Properties for External Pushbuttons and or LEDs 82 Copy Convert External Controls Between Panels 82 List Box Buttons 83 Overview 83 G4 Devices That Support List Box Buttons...

Page 8: ... 95 Creating Navigation Buttons 95 Navigation Buttons Channel Code values 96 List Box Buttons Unmanaged Mode 96 Rules for Unmanaged List Box Buttons 97 List Box Buttons Z Order 97 Creating List Box Buttons Unmanaged Mode 97 Editable Button Properties of an Unmanaged List Box Container button 98 Editable Button Properties of an Unmanaged List Box Subordinate button 98 List Data Table 99 Edit List T...

Page 9: ...108 Working With Properties 111 Properties Control Window 111 Using the Apply To All option 112 Using the Prev and Next buttons 112 General Properties 113 Above Popups 113 Animate Time Down 113 Animate Time Up 113 Auto Repeat 113 Border Style 113 Color Depth 113 Column Display Order 113 Column Sort Order 114 Compression 114 Cursor Color 114 Cursor Name 114 Description 114 Disabled 114 Display Type...

Page 10: ... Row 117 List Row Height 117 List Row Padding 117 List Selectable 117 Lock Button Name 118 Max Text Length 118 Modal 118 Name 118 Page Flip 118 Password 118 Password Character 118 Password Protection 118 Remote Host 118 Remote Port 118 Reset Pos On Show 118 Scale To Fit 119 Show Effect 119 Slider Color 119 Slider Name 119 State Count 119 TakeNote Enabled 119 TakeNote Host 119 TakeNote Port 119 Top...

Page 11: ...el Control Value 121 Level Function 121 Level Port 121 Range Aux Inverted 121 Range Drag Increment 121 Level Control Parameters 122 Level Code 122 Level Control Repeat 122 Level Control Value 122 Level Port 122 Range High 122 Range Low 122 Range Time Down 122 Range Time Up 122 Range High 122 Range Inverted 122 Range Low 122 Range Time Down 122 Range Time Up 122 String Output 122 String Output Port...

Page 12: ...126 Bitmap 126 Bitmap Justification 126 Bitmap X and Y Offsets 126 Border Color 126 Border Name 126 Chameleon Image 127 Draw Order 127 Fill Color 127 Font 127 Icon Justification 127 Icon Slot 127 Icon X and Y Offsets 127 Marquee Direction 128 Marquee Repeat 128 Overall Opacity 128 Scale Bitmap To Fit 128 Sound 128 Streaming Source 128 Text 128 Text Color 128 Text Effect 129 Text Effect Color 129 T...

Page 13: ...ard 137 Changing the Order Of States 137 Reordering States Through the Clipboard 137 Reordering States Through Drag and Drop 137 Choose Display State dialog 138 Replacing States On a Page Popup Page or Button 138 Replacing States From the Clipboard 138 Replacing States Through Drag and Drop 138 Draw Order Z Order 139 Changing the draw order for selected states 139 Working With Function Codes 141 O...

Page 14: ...6 Animation Wizard Assign Frames Step 4 of 6 157 Animation Wizard Appearance Step 5 of 6 157 Animation Wizard Finish Step 6 of 6 157 Tweening 158 Creating Color Transition Effects 159 Creating Animated Bitmap Effects 160 Creating Animated Text Effects 161 Tweeners sub menu 161 Chameleon Images 162 Requirements for Chameleon Images 162 Working With Chameleon Images 163 Chameleon Images Custom Palet...

Page 15: ...ns 185 Exporting Your Project as a VisualArchitect Template 186 VA Templates Navigations as Pages 186 VA Templates Logical Page Scroll Bar Elements 186 VA Templates Logical Page Info Element 186 VA Templates Logical Page Up and Down Elements 187 VA Templates List Box Page Up and Down Elements 187 Working With the Resource Manager 189 Resource Manager dialog Images tab 190 Resource Manager dialog D...

Page 16: ...t To a Specified Directory 204 Working With Video Fills 204 Streaming Video Fill 204 File Transfer Operations 205 Working With Communications Configurations 205 Saving and Recalling Communication Configurations 205 Editing the Settings on an Existing Communication Configuration 205 Connecting to a NetLinx Master 205 Connecting to a NetLinx Master via TCP IP 206 Connecting to a NetLinx Master via S...

Page 17: ...es tab 219 Preferences Dialog Editor Selection tab 220 Customizing the Menus and Toolbars 220 Adding or Removing Command Shortcuts from the Toolbars Menus 220 Customize dialog 220 Customize dialog Commands tab 220 Customize dialog Toolbars tab 221 Customize dialog Tools tab 221 Customize dialog Keyboard tab 222 Customize dialog Menu tab 222 Customize dialog Options tab 223 Command Context Menu 223...

Page 18: ...Requirements 234 Optional Template Elements 234 Rules for Navigating A Template 235 Template Wide Conventions 236 Creating Navigation Elements 236 Creating Placeholder Elements 238 Placeholder Element Conventions 239 Creating Preview Images 239 Alternate Screen Names for Template Elements 240 Element Specific Conventions 241 Navigation Element Conventions 241 Sub Navigation Element Conventions 243...

Page 19: ...Table of Contents xvii TPDesign4 Touch Panel Design Software v2 10 or higher Running the Computer Control Application 251 Running the TakeNote Application 251 ...

Page 20: ...xviii TPDesign4 Touch Panel Design Software v2 10 or higher Table of Contents ...

Page 21: ...Help toolbar button on the help window to launch the on line version of the help file recommended What s New in Version 2 10 New panel devices Support for Windows Vista Business Many other enhancements see Tools ReadMe Supported Operating Systems Supported Operating System Languages MVP 5100 5 2 Modero ViewPoint IR Touch Panel MVP 5150 5 2 Modero ViewPoint Lite Touch Panel NXD 500i 5 Modero Wall F...

Page 22: ... ViewPoint Wireless Touch Panel with VoIP Intercom MVP 8400 8 4 Modero ViewPoint Wireless Touch Panel NXD CV5 5 Modero Touch Panel NXD 700vi 7 Wall Flush Mount Touch Panel with VoIP Intercom NXD 500i 5 Modero Wall Flush Mount Touch Panel New NXD NXT CV7 7 Modero Touch Panel NXD 1000vi 10 Modero Touch Panel with VoIP Intercom NXD NXT CV10 10 Modero Touch Panel NXT CV10 PB 10 Table Top Touch Panel w...

Page 23: ... on Panel definition file information TPDesign4 Work Area The TPDesign4 work area FIG 1 is composed of several main components MVP 8400i 8 4 Modero ViewPoint wireless Touch Panel NXD 1000vi 10 Modero Touch Panel NXD 700vi 7 Modero Touch Panel 1280x1024 1024x768 800x600 640x480 TPDesign4 provides scrolling if a Design View is larger than the available visible work area FIG 1 TPDesign4 Work Area Tit...

Page 24: ...ages Use the Pages tabs to open edit the pages popup pages in each project The Function Maps tab allows you to view edit the function codes associated with each page See the Workspace Navigator section on page 8 for details Properties Control Window Contains three tabs the General tab allows you to view edit general non state oriented button properties the Programming tab allows you to edit pro gr...

Page 25: ...an choose which toolbars to show in the workspace via the View Toolbars sub menu Click in the checkboxes to select de select the listed toolbars including custom toolbars If a toolbar has a check next to it in the sub menu then it is displayed These settings are saved so they ll apply the next time the application is launched FIG 2 Toolbars Main toolbar Transfer toolbar View toolbar Selection Draw...

Page 26: ...ing the Show Popup Page option in the Page menu Once the Popup is displayed on the page you can click and drag to resize and position it manually Use the View MDI Page Tabs option to toggle the page tabs When this option is enabled a tab is displayed for each open page The page tabs normally appear along the bottom edge of the Design View window area but can be moved toggled or modified via the MD...

Page 27: ...e in the Monitor Size field of the Appearance tab of the Preferences dialog The monitor size should represent the diagonal measurement of the visible portion of the monitor or of the space occupied by a full screen image as opposed to the monitor s overall diagonal size For example most 21 monitors typically have between a 19 5 and 20 viewable area Zoom Out With a page or popup page selected click...

Page 28: ...ent colored panel icon Use the Workspace Navigator to view open and rename panel pages See the Workspace Navigator Pages tab section on page 31for details Function Maps Tab Click the Function Maps tab at the bottom of the Workspace Navigator window to view the Function Code Map The Function Code Map is a representation of the Channel codes Address codes Level codes String Outputs and Command Outpu...

Page 29: ...rol window to set edit general properties for the selected button Refer to the General Properties section on page 113 for a listing of General properties Properties Control Window Programming Tab Click the Programming tab at the top of the Properties Control window to view edit programming related information for the selected button Refer to the Programming Properties section on page 121 for a lis...

Page 30: ...s for the selected state in the Properties Control window States tab See the Working With States section on page 133 for details Transfer Status Window The Send To Panel and Receive From Panel dialogs place the requested transfer into a queue the status of which is displayed in the Transfer Status window which may be docked undocked from the main application window This window displays the followi...

Page 31: ...n to enable the preview Mute Click to Mute any sounds associated with this button Push Click the Push button to simulate a push on the selected button This allows you to visually preview the On Off states and all states in between for multi state buttons Size Click to open the Size fly out menu where you can specify the size of the pre view image 25 50 75 100 or Auto The default size setting is Au...

Page 32: ... edge of another dockable window To dock the windows drag the window to reposition it next to any border or window frame and the window will automatically snap to the nearest border As a shortcut double click in the title bar of the window to dock undock it To stretch the windows click on any border and drag the border either vertically or horizontally To resize the windows click on the bottom lef...

Page 33: ... it shows the current XY cursor position and for the button the mouse is over Cursor Channel code Address code and Level code Cursor Displays the current X Y cursor position Ch Displays the Channel code port number channel code associated with the button that the cursor is over Add Displays the Address code port number address code associated with the button that the cursor is over Lvl Displays th...

Page 34: ...he options in the Print Preview window toolbar include FIG 13 Print Preview Window Print Prints the current page view Next Page Displays the next page of the selected file Prev Page Displays the previous page of the selected file One Page Two Page Toggles the page view to one or two pages This option is enabled only if the active file is longer than one page Zoom In Zooms in on the page view Zoom ...

Page 35: ...tallation files and upon request launches the installation of those downloads Select Help Web Update to launch this application Refer to the WebUpdate on line help for details and instructions G4 PanelBuilder G4 PanelBuilder is a stand alone application installed separately from AMX that allows you to quickly create TPDesign4 projects for G4 touchpanels using either pre fabricated templates from A...

Page 36: ...t for your panel design Refer to the Importing G4 PanelBuilder Templates section on page 174 for details Click File Export G4 PanelBuilder Template to export the active TPD4 project as a PanelBuilder Template file TPT Refer to the Exporting Your Project as a G4 PanelBuilder Template section on page 171 for details G4 PanelPreview G4 PanelPreview is a stand alone application installed separately fr...

Page 37: ...file avoid using inappropriate file name characters see below Inappropriate File Name Characters Avoid using the following characters when naming TPDesign4 project files Creating a New Project TPDesign4 includes a New Project Wizard to quickly guide you through the process of setting up a new project To launch the New Project Wizard select File New or click the toolbar button The New Project Wizar...

Page 38: ...up the basics of your new project FIG 15 Fill out this information and click Next to proceed 2 The next dialog in the wizard New Project Wizard Step 2 contains fields for System Generated File Names FIG 16 FIG 15 New Project Wizard Step 1 Job Name Enter a name for the new project Panel Type Click the down arrow to view a list of supported panel types Resolution Click the down arrow to select the t...

Page 39: ... last dialog in the wizard New Project Wizard Final Step contains fields for setting up the initial touch panel page in the project FIG 17 Fill out this information and click Finish to exit the New Project Wizard FIG 16 New Project Wizard Step 2 Designer Enter the name of the project designer in this field Dealer ID Enter the Dealer ID in this field Sales Order Enter the Sales Order number in this...

Page 40: ...the New Project Wizard dialog System generated file names are generated automatically based on several fields that hold various types of project information Designer Dealer ID Sales Order Purchase Order and Revision When you utilize System Generated File Names the resulting filename for this project file consists of each of these entries separated by commas These fields are all optional If you lea...

Page 41: ...ily a button displayed in the Design View windows has the edit focus For example if you have selected an item in the Properties Control window let s say you ve selected Channel Port and you perform a Copy then you will have copied only the Channel Port entry in the Properties Control window and not the associated button even though it is selected in the Design View window You can then paste the Ch...

Page 42: ...l Setup Information tab section on page 24 for details Sensors tab Includes Channel Level and Port settings for Light Sensors Motion Sensors Battery Levels and Cradle Sensors See the Project Properties dialog Sensors tab section on page 27 for details IR Emitters and Receivers tab Includes Channel Port information for AMX IR Emitters AMX IR Receivers and User non AMX IR Emitters See the Project Pr...

Page 43: ...e field displays any comments that were added in the New Project Wizard Protection Click the down arrow to select one of three levels of password protection for this project file none this is the default setting no password protection read only the next time this panel file is opened the Enter Access Password dialog appears prompting the user to enter the correct password in order to gain write ac...

Page 44: ... the password in the Confirm field If the passwords don t match a Passwords do not match message box is displayed in which case you ll need to re enter the password or re confirm the password or both 5 Click Apply to save the changes and apply the specified password to the Project file Project Properties dialog Panel Setup Information tab Use the options in the Panel Setup Information tab FIG 22 t...

Page 45: ...he display order via the up down arrow buttons below the Power up popups field The popup at the top of the list is the first to be displayed Project Properties dialog Panel Setup Information tab Refresh Frequency Select the desired refresh frequency for the selected panel from the drop down list of supported refresh frequencies based on the selected panel Marquee Speed Sets the speed of motion for...

Page 46: ...ayed when the panel is inactive for a specified period of time 1 Select File Project Properties to open the Project Properties dialog 2 In the Panel Setup Information tab click the down arrow next to the Inactive page flip field to display a list of all of the pages in this project 3 Select the page that you want the panel to flip to when the panel is inactive for the amount of time specified on t...

Page 47: ...ensors tab Light Sensor Use these fields to specify the Level and Channel port code assignments for the on board light sensor Motion Sensor Use these fields to specify the Channel port code assignments for the on board motion sensor Battery Levels Use these fields to specify the Level port code assignments for the on board bat tery charger Cradle Sensor MVP panels only Use these fields to set the ...

Page 48: ...he NXD T CV7 have AMX IR receivers and the MVP 7500 and MVP 8400 i have AMX and User defined IR emitters as well as a cradle sensor The options in this tab include FIG 25 Project Properties dialog IR Emitters and Receivers tab Project Properties dialog IR Emitters and Receivers tab AMX IR Emitters MVPs only These options allow you to specify the IR Channel port either 38KHz or 455KHZ to be used fo...

Page 49: ...ect Wizard Step 1 dialog FIG 15 on page 18 See the Using The New Project Wizard section on page 18 for details 2 Select R 4 as the Panel Type and fill in the other information on the dialog Additional User IR Emitters MVP 5220 MVP 5200i only Cont The default value for each port is zero 0 not used The value associated with each port can be modified in place double click on any of the Value numbers ...

Page 50: ...e Using Quick Input Select Quick Input from the Edit menu or Design View context menu to access the Quick Input sub menu The Quick Input setting determines how typing directly into a Design View or into the State Manager will be handled Current Property This setting redirects keyboard input to the currently selected property on the currently visible tab of the Properties Control assuming one is se...

Page 51: ...Navigator window contains two tabs Pages and Function Maps Workspace Navigator Pages tab Click the Pages tab at the bottom of the Workspace Navigator window to view the pages popup pages contained within each open Project in the Panel Navigator Use the Panel Navigator to view open and rename panel pages Each Project is represented by a folder each one with a different colored panel icon FIG 27 Not...

Page 52: ...s an item highlighted that item has the focus and menu s and toolbar buttons will act on that item When the Workspace Navigator only has an item that is selected in grey the commands and toolbar buttons will act on whatever is selected in the Design View Certain cut copy and paste items may be limited depending on what you have in the Windows clipboard and which item you currently have selected se...

Page 53: ...is considered to be a valid entry If for example you had copied the value 410 from the Left position field in the Properties Control window you are not allowed to paste it to the Address Port field since it is not a valid Address Port number these errors are indicated by an error dialog Copying States to the Clipboard Copying a state or states from a page popup page or button is possible by select...

Page 54: ...View window known as MDI Page Tabs TPDesign4 will display up to a maximum of 15 page tabs If you open more than 15 pages only the most recently opened 15 pages will remain open the others will be automatically closed Use the View MDI Page Tabs option to toggle the page tabs When this option is enabled a tab is displayed for each open page The page tabs normally appear along the bottom edge of the ...

Page 55: ...akes it easy to convert your existing TPDesign3 files for use with TPDesign4 The TPD Conversion Wizard steps you through the conversion process in three dialogs 1 Step 1 of 3 Select Source and Destination In the first dialog select the TPD3 project file that you want to convert use the browse button to navigate to the desired file via the Open dialog Then click the down arrows next to Panel Type a...

Page 56: ...splayed in the Error and Warnings Report dialog Neither errors or warnings will prevent the file from being compiled but will probably require that the issues be resolved in order to have buttons and pages that look and function as expected Errors are issues that result in unexpected button borders usually because there are button or buttons in the project that are smaller than the minimum size of...

Page 57: ...tive project In the example below CP4 test is the active project and Page 1 is the active page in the project Creating a Page 1 Select Page Add Page or click the toolbar icon to open the Add Page dialog 2 Enter a descriptive name for the new page in the Name field Avoid using inappropriate file name characters see the Inappropriate File Name Characters section on page 17 3 Set the Page Background ...

Page 58: ...t of page flip types 6 Depending on the type of page flip selected you may need to also specify the target page or popup page to open 7 Repeat this process as desired to create multiple page flips on the button You can apply multiple page flips to any button Use the up and down arrows to re arrange the order of the page flips Drag Drop To Set Page Flips TPD4 supports a shortcut for adding page fli...

Page 59: ...s touched Hide Popup This selection populates the Target list box with a list of popup pages in your project Select a target popup page for the page flip to hide when the button is touched Toggle Popup This selection populates the Target list box with a list of popup pages in your project Select a target popup page for the page flip to toggle hide show when the button is touched Hide Popup Group T...

Page 60: ... commands This feature works only if the TP4 RGB card is connected directly to the PC via the USB port on the RGB card The touch coordinates are scaled to fit the resulting window This feature allows you to synch the touch actions on the panel to those on the connected PC Bitmap To apply an image file as the background image to the active page click the browse button to open the Select Resource di...

Page 61: ...es tab of the Properties Control window to enable the browse button and select the desired font in the Font dialog 4 Click on Text in the Properties Control window to open the Enter Text dialog 5 Type the text to be displayed on the Page up to 4096 characters and click OK 6 Click Text Justification in the Properties Control window to set the justification of the text on the page Select Absolute to...

Page 62: ...olute to manually position the image Working with Transparent Backgrounds When you are applying an icon you can take advantage of transparency support in TPD4 Typically transparency is used in images for the background color to accommodate layering of images without trying to match colors across layers Raster images are always created in the shape of a rectangle However by making the background co...

Page 63: ...ent color to be interpreted correctly by TPDesign4 the PNG file must be saved with RGB colors Unless you are actually using transparency JPGs are recommended over PNGs since they are usually slightly smaller in size Supported Image File Types TPDesign4 supports the following image file types Displaying a Video Source on a Page TPDesign4 allows you to assign a video source as the background image o...

Page 64: ...from the main menu or clicking on the Copy button from the main toolbar You may also right click and select copy from the context menu You may paste by either clicking Edit Paste from the main menu or by clicking the Paste toolbar button a previously copied state onto a corresponding state in the State Manager for the page Opening pages popup pages via the Workspace Navigator You can open a page o...

Page 65: ...ile Format selection 5 Use the Scale up and down arrows indicate a percentage to down scale the exported images The default setting is 100 no scaling 6 Select a image file type JPG PNG or BMP for the resulting image files from the File Format drop down If JPG is selected you can select the desired level of image compression 7 Select Export current display state for buttons to capture the Pages as ...

Page 66: ...lude Print Prints the current page view Next Page Displays the next page of the selected file Prev Page Displays the previous page of the selected file One Page Two Page Toggles the page view to one or two pages This option is enabled only if the active file is longer than one page Zoom In Zooms in on the page view Zoom Out Zooms out from the page view Close Closes the Print Preview window If you ...

Page 67: ...ly by dragging it wherever you want it to appear To position the Popup manually you must first enable the Show Popup Pages option in the Page menu Once the Popup is displayed on the page you can click and drag to position it manually Note that once you specify the position of the Popup on the page any time you display the Popup via the Page Show Popup Pages option the Popup will always appear in t...

Page 68: ... click to select a new color from the list Note the current and new color selections are shown together for comparison on the left side of the dialog 9 Set the Font Name and Size A sample of the selected font type and size is displayed in the window beneath these fields 10 Use the Group drop down list to assign the newly created popup page to an existing group if desired 11 Click OK to add the new...

Page 69: ...ab of the Properties Control window displays general non states related properties for the popup page in a editable table Use this table to set the popup page s general properties 5 The Programming tab of the Properties Control window displays programming related properties for the popup page in a editable table Use this table to set the popup page s programming properties 6 The States tab of the ...

Page 70: ...always appear at the position established during popup page design each time it is displayed This might be desirable if the popup page contains a button which provides the end user with the ability to move the popup page at will Group To add a group you type any value in the Group field This will create a corre sponding folder under the Popup Pages folder in the Workspace Navigator Pages tab To pl...

Page 71: ...ition fields allow you to specify the starting point on the page for the selected hide transition effect Depending on the Hide Effect selected either the Hide Effect X Pos or Hide Effect Y Pos option may become available If you have selected a left or right slide effect including slide fade effects you can set the X position for the start of the hide effect range 0 9999 The default is 0 the left e...

Page 72: ...st Icon X and Y Offsets available only if the icon justification has been set to Absolute To apply an X and or Y offset to the icon enter the value for the desired offset in pixels in these text fields Alternatively you can click the browse button to open the Image Text Positioning dialog where you can make several alignment adjustments to the bitmap icon and text elements of the Popup Font To cha...

Page 73: ...of the image on the Popup Select Absolute to manually position the image To check the size of the Popup Pages in your project check the Width and Height values in the Properties Control window General tab Match the image size in pixels to the size indicated there Adding an Icon to a Popup Page With TPDesign4 you can apply an Icon directly to a Popup Page in your project to serve as the foreground ...

Page 74: ...n the Properties Control window to set the justification of the text on the Popup Page Select Absolute to manually position the text 7 Click Word Wrap and select whether to wrap text that doesn t fit on a single line on the selected Popup Page Yes or No If you select No any text that won t fit on the selected Popup may not be visible depending on the text justification setting and the size of the ...

Page 75: ... in the Workspace Navigator Pages tab 5 To place a popup page in a particular popup group simply drag the desired popup page s into the desired group folder or set the group association via the Group field in the Properties Control window To remove a popup page from a group select the popup page in the Workspace Navigator and drag it out of the group or set the Group field to None in the Propertie...

Page 76: ...Delete The program will prompt you to verify the popup page deletion first Printing Popup Pages Select File Print Preview to display a preview of the pages and popup pages in the active project as they will appear when printed Each page and popup page in the project is printed one per page The options in the Print Preview window toolbar include Print Prints the current page view Next Page Displays...

Page 77: ...ses there is no On state associated with them Joystick buttons only use the Off state see Joystick Buttons section on page 71 for details Text Input Intended only to display non interactive text on the panel see Text Input Buttons section on page 71 for details Computer Control Allow you to connect to a PC running a VNC server for remote control applications see Computer Control Buttons section on...

Page 78: ...for the button This selection becomes the default for all subsequent buttons until the Border Style selection is changed 5 Use the next two drop down menus to specify a Font and Font Size as the default text attributes for new buttons These selections become the default text settings for all subsequent buttons until the Font and Font Size specifications are changed 6 Click the down arrow on the fi...

Page 79: ...n types The selected button style will apply to all newly created buttons Border Style drop down Click the down arrow to view a list of all available border styles The selected border style will apply to all newly created buttons Font type drop down Click the down arrow to view a list of all available fonts The selected font will apply to all newly created buttons Font size drop down Click the dow...

Page 80: ...abs of the Properties Control window to specify general programming and state specific properties for the selected button Refer to the Working With Properties section on page 111 for details 7 Select File Save to save your changes 8 Select View Button Preview to preview the button click Push to simulate a button press Using the Drawing Assist Features The Order Assist Position Assist and Size Assi...

Page 81: ...ati cally resize the button to the same size as it s associ ated bitmap or icon Note that the border uses some of the interior area of the button Depending on the size of the button and the selected border type Size To Image may appear to resize the button to be too small to display the entire image because part of the image is hidden or cropped by the border style As a design concept try to choos...

Page 82: ...u must have at least three buttons selected to enable these options and note that the first button you select becomes the controlling button all other buttons are moved to align with the controlling button Make Ideal For Border This command automatically resizes the selected button s to the smallest size possible that still accommodates the selected border This option is typically for use with the...

Page 83: ...fset either absolutely or incrementally Indicate the number of pixels to offset the alignment options range 0 the horizontal measurement of the selected panel in pixels Default 0 Positive values offset the selections to the right negative values offset them to the left none No alignment default setting top edges Aligns the top edges of all selected buttons centers Aligns the centers of all selecte...

Page 84: ... text associated with a button and you add an icon the button name will not change However if the button has no text when you apply an icon to the button the button is automatically renamed to reflect the icon s name Note that if you change the text the button is again renamed to reflect the updated text Furthermore any time you change the bitmap or the text on the button the button name is automa...

Page 85: ...ble that lists the button properties for the selected button type To edit any of the listed button properties click on an item in the right hand column to activate the field Depending on the item selected you can either set the item manually select from a drop down menu or both See the General Properties section on page 113 for a description of supported properties some properties only apply to ce...

Page 86: ... Types The Level Control Type options set in the Programming tab of the Properties Control Window allow General and Multi State General buttons to directly control a level without the need for NetLinx code Select a level control type for the selected button Absolute Relative or None Absolute The button acts like a preset and sets the level to the desired value Relative The button increments or dec...

Page 87: ...he States tab only represents the selected state s The State Manager window allows you to view edit individual states on a selected button This interface supports full Cut Copy Delete Insert Replace and Paste as well as drag and drop capabilities Right mouse click support allows the user to Add single or multiple states Replace states Insert single or multiple states and Remove states For Multi Ge...

Page 88: ...he Shift key and left click Click and drag outside the boundaries of the desired buttons to perform a marquis selection To select all available buttons on a page or popup page you may either use the Ctrl A hotkey or select Edit Select All from the main menu Although you may select and retain the selection of buttons on multiple pages you may only act on the selected buttons on one page popup page ...

Page 89: ...te that unlike regular bargraph buttons there are no slider oriented settings to make in the Properties Control window This is because multi state bargraph buttons like multi state General buttons use up to 256 states to animate the button action In the case of Bargraph buttons you ll be animating a change in levels as opposed to a push release as on Multi State General buttons Rather than assign ...

Page 90: ...tates tab of the Properties Control window an additional state property is displayed called Touch Map Click the browse button next to Touch Map to select an image to use as a Touch Map via the Resource Manager The alpha values in the selected image represent the areas where touch will be registered and the red channel values represent the overall value to change the control to One key difference b...

Page 91: ...m numeric values for a given field Only one range is allowed per field and the use of a range implies numeric entry only The following table lists the available input mask ranges for use with the Input Mask property Input Mask Operators Text Input button only Input Mask Operators allow you to convert all characters to lower uppercase and set the overflow flag for the input field The following tabl...

Page 92: ... buttons work in conjunction with G4 Computer Control to provide a remote desktop to an attached PC running a VNC server allowing you to use a G4 panel to annotate to either a windows desktop or on other G4 panels List Box Buttons The List Box button is a special purpose button type for G4 devices panels which utilizes a collection of subordinate buttons to display either dynamic or static data as...

Page 93: ...tilize complex scripts These languages include but are not limited to Arabic Hebrew and Devangari In order to display such languages on a page or button state the panel designer must create a pre rendered graphic of the desired text using a suitable graphics application that can then be imported into the TPDesign4 panel project as a graphic icon or bitmap Once imported into the panel project the g...

Page 94: ...panels Since Icon assignment is a state specific property you can add or change the button Icon assignment via the States tab of the Properties Control window To add an icon to a button 1 Select the button that you want to add an Icon to with the Selection tool 2 In the States tab of the Properties Control window click on the Icon Slot field in the state that you want add the bitmap to This enable...

Page 95: ...type but normally you would use the General button type 2 In the Programming tab of the Properties window click the Address Port field to enable the drop down menu 3 Select 0 setup port from the drop down menu 4 Click the Address Code field to enable the drop down menu none Date Display Time Display 5 Click the plus symbol next to Time Display to expose a drop down menu of time display formats to ...

Page 96: ...sign4 allows you to assign a video source as the background image on a Page Popup Page or Button To apply a video fill to a Button 1 Select or a create a Button in your project 2 In the Properties Control window States Tab click Video Fill to activate the drop down list of available video sources Source 1 4 Since this is a state oriented setting be sure to consider all of the button states when ap...

Page 97: ...h for any button property value either within the currently open Page or across the entire Project You can specify to search for any General or State button property For example you can perform a search based on button type name border style and state count among many others or any combination of search criteria To search for button properties 1 Open the Find dialog see above 2 In the Search Crite...

Page 98: ... View context menu to access the Quick Input sub menu The Quick Input setting determines how typing directly into a Design View or into the State Manager will be handled Current Property This setting redirects keyboard input to the currently selected property on the currently visible tab of the Properties Control assuming one is selected For example if you select the Name property in the General t...

Page 99: ... state This window includes three command buttons Click the Disable button to disable the button preview but not close the Button Preview window Click again to enable the preview Click the Mute button to mute any sounds associated with this button Click the Push button to simulate a push on the selected button This allows you to visually preview the On Off states and all states in between for mult...

Page 100: ...n converting between panel types that both support external buttons the configuration of the source external controls are copied to the destination controls according to the type of control general LED cursor up cursor down cursor left cursor right or cursor select Size Click to open the Size fly out menu where you can specify the size of the preview image 25 50 75 100 or Auto The default size set...

Page 101: ...l control you can use the Programming tab of the Properties Control window to set edit programming oriented button properties To edit any of the properties in the table click on an item in the right hand column to activate the field Depending on the item selected you can either set the item manually select from a drop down menu or both The following global programming properties are supported for ...

Page 102: ... selected an external control you can use the General tab of the Properties Control window to set edit general button properties To edit any of the properties in the table click on an item in the right hand column to activate the field Depending on the item selected you can either set the item manually select from a drop down menu or both Copy Convert External Controls Between Panels TPDesign4 sup...

Page 103: ...ou specify the text to be displayed on the button via the Text button state property the text that is displayed in a List Box button comes from a List Data Table Each List Box button is associated to a List Data table and you can specify how the List Box button displays the data via General and State Button Properties In many ways List Box buttons are set up like tables in TPD4 in that they use Ro...

Page 104: ...not accessible Instead managed mode presents properties by column Subordinate buttons are created by adding columns and or rows to the list box container button Unmanaged Mode You can choose to place a List Box button in unmanaged mode by selecting Button Make Unmanaged Listbox When a list box button is in Unmanaged mode the subordinate buttons are no longer managed by the List Box Container butto...

Page 105: ...ubordinate buttons is absolutely necessary List Box Buttons Container In Managed mode TPDesign4 treats a List Box button as a Container for the subordinate buttons that constitute the columns and or rows of the List Box button Select the Container to set button properties for the entire button affecting all subordinate buttons within the container Alternatively you can select individual columns wi...

Page 106: ...d a white border If the background color of the page is white you will not see the container You can select the container and change the border color to black This property is only visible in TPD4 and will not appear on the panel This way you can see the container FIG 50 3 In managed mode you add subordinate buttons by adding columns or rows to the list box Select the List Box Container button and...

Page 107: ...s Control window to set edit button properties for the container button 1 Select the Container to set button properties for the entire button affecting all subordinate buttons within the container Click on the outside edge of the List Box button to select the Container The red handles indicate that the entire button is selected as shown in FIG 52 2 To edit any of the properties in the table click ...

Page 108: ...al tab of the Properties Control window to set edit general non state oriented button properties To edit any of the properties in the table click on an item in the right hand column to activate the field Depending on the item selected you can either set the item manually select from a drop down menu or both When a List Box container is selected the following General Properties appear in the List B...

Page 109: ... tab is a collapsed folder containing the state properties for that particular state Click the symbol to expand each folder If you select a state or multiple states in the State Manager then the States tab only represents the selected state s Use the All States option to apply any changes you make to all states on the selected button Note that if you have multiple buttons selected Shift click to s...

Page 110: ... subordinate button s Row and Column property is set to their row column position The List Box Button s Address Port and Code must be set to an Address Port Code of a List Data Table The list Box Button s Data Display property is a string surrounded by parenthesis The string is a comma delimited list of List Table Column Values For example if the list box s 1st 2nd and 3rd columns are assigned to ...

Page 111: ... the item selected you can either set the item manually select from a drop down menu or both Setting General Properties List Box Button Columns By selecting a column within a List Box button you can use the General tab of the Properties Control window to set edit general non state oriented button properties To edit any of the properties in the table click on an item in the right hand column to act...

Page 112: ...lect multiple buttons a page the All States option only affects states for the button that has Edit Focus The button with edit focus would be the last one selected and is indicated by having red colored square handles as opposed to the black squares that indicate that a button is selected but does not currently have edit focus When a column is selected within a List Box container the following Sta...

Page 113: ...ost column in the list box container After deletion the container will be resized If only one column exists this function is disabled Deleting Rows 1 Select the List Box button in the Diagram Area 2 Click the Delete Row toolbar button to delete the bottom most row in the list box container If the preferred row is deleted the preferred row property should be set back to 1 If only one row exists thi...

Page 114: ...ability When a List Box Container is resized by dragging the center handles the change in size is split evenly between each row by adding subtracting the change in size to the Row Height and Preferred Row Height properties of the Container FIG 56 If the change in size specified by the drag is not equally divisible by the number of rows the remainder is applied to the Preferred Row Height If Prefer...

Page 115: ...ht to left until the maximum width is met When resizing the width of a column the minimum allowed is 4 pixels List Box Buttons Navigation Buttons General buttons can be used to provide a means for the end user to control a List Box button These buttons are referred to as List Box Navigation buttons Creating Navigation Buttons Navigation Buttons provide a means for the end user to navigate within a...

Page 116: ...aged mode The Container and individual subordinate buttons can be selected moved and resized If the Container is deleted all of the subordinate buttons will be deleted as well However individual or multiple selection subordinate buttons can not be deleted Rows and Columns cannot be removed nor added The Z Order of an unmanaged list box Container Subordinate buttons cannot be changed Only certain b...

Page 117: ...ies of individual unmanaged list box button can be changed The High Port of a parent can not be changed via properties The Channel Port Code of a child can not be changed via properties List Box Buttons Z Order In order for a list box to function correctly on a panel the Z Order or State Draw order of the subordinate buttons must follow the list box container s Z Order in row column sequential ord...

Page 118: ... Code page 121 Top page 119 Width page 120 Height page 120 List Table Port page 116 List Table Address page 116 List Display page 116 Column Sort Order page 114 List Filter Column page 116 List Selectable page 117 List Table Wrap page 116 List Preferred Row page 117 General Properties Programming Properties State Properties Off and On Name page 118 Feedback page 121 Draw Order page 127 Lock Button...

Page 119: ...the List Box Button The device will resume the last known static table event should power be cycled Refer to the Creating a Static List Data Table section on page 100 for details Dynamic List Box data populates button information based upon communications between the panel and a NetLinx Master Unlike static data the list information displayed on the device is present on the Master and not the devi...

Page 120: ...ck to delete the column that currently has focus Rename Column Select a cell in a column you wish to rename and click to rename the column Fit Table Click to resize the table to fit inside the Table Data window Expand Columns Click to expand each column by equal amounts Note that this option is disabled once the table reaches the maximum allowed width Shrink Columns Click to shrink each column by ...

Page 121: ... want to associate with a List Data Table 2 In the General tab of the Properties Control Window click inside either the List Table Port or the List Table Address fields Clicking inside these fields enables the browse button Click this button to access the Attach Table To List Box dialog FIG 60 3 This dialog lists all Static List Data Tables in your project Select the table that you want to attach ...

Page 122: ...s assignments for the selected table 4 Enter the new Port and Address assignments for this List Data Table in the Table Port and Table Address fields at the bottom of this dialog 5 Click OK to save the changes and close this dialog Deleting a List Data Table To delete a List Data Table from your project 1 Select Panel Edit List Tables to open the Edit List Tables dialog 2 Select the table that you...

Page 123: ... Commands section on page 103 for descriptions of these commands Once you have created a list Box Button and defined List Data in your NetLinx Code with Data List Commands you are ready to associate the List Data Table to the List Box Button It is this association that allows the data in the List Data to be displayed on the List Box Button List Box Commands There are two types of List Box Commands...

Page 124: ...ng for Love Adds a text row to the data list located at address 1 The primary data is set as Entry5 Meatloaf Best of and Anything for Love are all cells within the new row LDR Remove row Removes a row from an existing data list Syntax LDR list address uniflag primary data Variables list address address where data resides uniflag indicates unicode 0 No unicode 1 Uses unicode primary data the key da...

Page 125: ...uotes to surround fields in which commas are needed Data List Commands Cont LDT Set column type Sets the column type for a data list Column is the index of the first type to set additional types sent are set in order Syntax LDT list address column type type Variables list address address where data resides column the starting column number type subsequent columns 0 Text 3 Channel 4 Page Example SE...

Page 126: ... Reverse the current list ordering may or may not be sorted 3 Reverse Sort 4 Filter 5 Forward Sort Filter 6 Reverse current filter 7 Reverse sort filter Example SEND_COMMAND Keypad LVO 1 7 Displays the data list according to the view definitions located at address 1 and filters and reverse sorts the list LVL List view list Data list set the data list displayed Syntax LVL view address list port lis...

Page 127: ... table column each view column displays Syntax LVC view address column column Variables view address the address of the view definition column the column number to display Example SEND_COMMAND Keypad LVC 3 5 2 1 Sets the column display order to column 5 first then column 2 and then 1 The data list is displayed according to the view definitions located at address 3 LVF List view filter Filter sets ...

Page 128: ... LDD 1 Creates new 5 column data list at port 1 address 1 named my music SEND_COMMAND Keypad LDN 1 1 5 my music Specifies column types for the data list at address 1 starting at column 1 SEND_COMMAND Keypad LDT 1 1 0 0 0 0 3 Adds rows to the data list at address 1 SEND_COMMAND Keypad LDA 1 0 01 The Shins Chutes Too Narrow Kissing the Lipless 10 1 SEND_COMMAND Keypad LDA 1 0 02 The Shins Chutes Too...

Page 129: ...ck number instead of title BUTTON_EVENT Keypad 7 PUSH Set the sort order for view address 2 The 1 indicates forward sort SEND_COMMAND Keypad LVO 2 1 Set the column of the list on which to base the sort of the data displayed at view address 2 in this case column 1 which contains track numbers SEND_COMMAND Keypad LVS 2 1 Updates the view at address 2 SEND_COMMAND Keypad LVU 2 BUTTON_EVENT KeypadMusi...

Page 130: ...List Box Buttons 110 TPDesign4 Touch Panel Design Software v2 10 or higher ...

Page 131: ... window reflects the properties of the newly selected button The Properties Control contains three tabs General Programming and States To edit any of the listed button properties click on an item in the right hand column to activate the field Depending on the item selected you can either set the item manually select from a drop down menu or both Properties from the Properties Control window can be...

Page 132: ...the event that a value is appropriate for one or more buttons but inappropriate for others you will see a message that states that the value was only applied to those buttons for which it was valid To make changes that affect all states on a button at once use the All States option in the States tab located directly above the other listed states for the selected button Using the Prev and Next butt...

Page 133: ...utton to constantly cycle through its states default No Multi State buttons only Border Style To change the Border Style for the selected button click Border Style and select the desired border style from the drop down list If a Border Style is selected here then the Border Names set at the state level via the States tab are limited to those contained in the selected Border Style If no Border Styl...

Page 134: ...es are previewed on the joystick button in the design view window Joystick buttons only Description Use this text field to enter a general or functional description for this button Click the browse button to open the Enter Text dialog where you can type the description Disabled Indicates how the selected button is rendered If the button is set as Disabled select Yes from the drop down the button w...

Page 135: ... the right or the left The following types of input masks that can be used Input Mask Characters Input Mask Ranges Input Mask Next Field Characters Input Marks Operators To define a literal the user may enter any character other than those shown in the topics above including spaces and symbols A back slash causes the charac ter that follows to be displayed as the literal character For example A is...

Page 136: ...atic or dynamic The other way is to press the Browse button click inside this field to enable to open the Attach Table To List Box Dialog The options in this dialog allow you to select a static table that has already been created for in the project This dialog will populate both the List Table Port and List Table Address properties when finished You may alternatively enter the port address manuall...

Page 137: ...rquee feature on the panel List Box Container buttons only List Preferred Row Height An integer value indicating the height of the preferred row in the list box Only the preferred row can have a separate height specification All other rows are specified the same height List Box buttons only Note This property is present only when the List Box is in Managed Mode and the Preferred Row is greater tha...

Page 138: ...int in the design process click Lock Button Name and select Yes to prevent the button from being automatically renamed by the pro gram when you edit the text or bitmap assignment s However Lock Button Name does not prevent you from manually renaming the button via the Name field Max Text Length Use this field to specify the maximum number of characters allowed to be entered via this button The ran...

Page 139: ... Effect Time This field allows you to specify the total amount of time it will take to execute the selected effect measured in 1 10th second increments Use this option to synchronize your popup page transition effects Popup pages only Slider Color Click the browse button to open the Colors dialog Select a color to apply to the slider and click OK or Cancel to exit without saving Bargraph buttons o...

Page 140: ...ails Type The Type button type defaults to the button type that was set when the button was created To change the button a different type click Type to activate the button type drop down menu containing a list of all available button types You can use this option to change the selected button s type Value Direction Set the orientation of the bargraph to Vertical or Horizontal If the bargraph butto...

Page 141: ...ly Level Control Repeat This value determines the repeat time in 1 10th second increments for relative level control For example if this value is set to 10 the user can hold the button down for one second to cause the level to raise or lower repeatedly according to the specified Level Control Value without having to press the button each time Note This option is available only for Relative level c...

Page 142: ...t ton to open the Enter Text dialog Enter the output string and click OK or Cancel to exit without saving String Output Port Select or enter the port to which the output string will be applied Level Control Parameters Level Code Select or enter the level code sent to the master on the selected port Select Auto Assign to automatically assign the level code to this button Level Control Repeat This v...

Page 143: ...for the date display Level Functions Display Only This option creates a bargraph or joystick button that only displays level infor mation but cannot be used to control levels Active This option creates a bargraph or joystick button for controlling levels accord ing the other button parameters set here Active Centering This option creates an active bargraph or joystick button that returns to it s c...

Page 144: ...odes To switch the view to Advanced Codes click on Advanced Codes at the bottom of the code list window Navigation Buttons Channel Code values Channel Code values that can be applied to Navigation buttons via the Channel Code Programming property include 24 hour Displays the current time Example 13 30 Standard Displays the current time Example 1 30 Standard AM PM Displays the current time Example ...

Page 145: ...of element is selected page popup page or button Furthermore different button types support different channel codes By default the Level Codes item in the Programming tab displays the Basic Codes To switch the view to Advanced Codes click on Advanced Codes at the bottom of the code list window NXP PLV Reserved Level Codes 1 11 The NXP PLV will define a set of Channel codes 1 7 and Level codes 1 11...

Page 146: ...ick the browse button to open the Select Resource dialog where you can select an image file from among those imported into the project Note If pairs of image resources exist that end in off on f n 0 1 1 2 case insensitive and the first in the pair is applied to the Off state of a General button the second will be automatically applied to the On state to make it easier to set up images on a General...

Page 147: ...he State Manager window indicate each state as a separate preview image For example the bargraph button shown below uses yellow as the On state fill color and green as the Off state fill color In the State Manager window you would see the On state yellow and the Off state green as individual thumbnails Also note that the Button Preview window works differently for bargraph buttons than for the oth...

Page 148: ...ck the down arrow and select Yes default No Available only if the Bitmap selected for this button state is a dynamic image Sound To change or apply a new sound file to the selected state s click the browse but ton to open the Select Resource dialog where you can select a sound file WAV or MP3 from among those imported into the project The sound will occur only when the button is in the particular ...

Page 149: ...tmap icon and text elements of the button Available only if the text justification has been set to Absolute Video Cropping Use this field to specify the number of scan lines to be removed from both the top and bottom of the video signal used for display of non 4 3 video without letterbox areas For best results set the video button s aspect ratio to match the video input aspect ratio Video Fill To ...

Page 150: ...ogether with the Property Painter dialog to allow you to grab copy the properties of a selected Button Page or Popup Page and paint copy them onto another Button Page or Popup Page 1 Select Grab Properties Tool from the Edit menu the Design View context menu or click the toolbar button to activate the Grab Properties tool 2 Click on a Button or Page in a Design View window to take a snapshot of th...

Page 151: ...the Grab Properties and Paint Properties tools or as a stand alone dialog The items in this dialog include FIG 62 Property Painter dialog General Button Selected The set of selected properties but not their values may be named and saved for later use by entering a name in the Property Set text box Hold the Shift key and left click to apply the properties to multiple selected Buttons Property Set U...

Page 152: ...roperties in this set to Paint via the Paint Selected command button or to Grab via the Grab Selected command button The checkbox in the General heading selects all General properties the checkbox in the Programming heading selects all programming properties and the checkbox in the States headings selects all state properties for the indicated state Paint Selected Select one or more buttons in the...

Page 153: ...FIG 63 The State Manager window allows you to view edit individual states on a selected button If the State Manager is not visible or if no states have been selected the State Properties will show a list of all of the states for the selected button page or popup page The individual properties for a state can be shown or hidden by clicking either on the State n category item or by clicking the tree...

Page 154: ...anager window supports full Cut Copy Delete Insert Replace and Paste as well as drag and drop capabilities Use Ctrl click to select multiple individual button states Use Shift click to select a range of states between two selections Use Ctrl A to select all button states State Manager context menu Right mouse click on any thumbnail to open the State Manager context menu Size This option sets the s...

Page 155: ...to which the new states will be created then right click to open the State Manager Context Menu and select Insert States 3 The Add States dialog or the Insert States dialog if you selected Insert States is displayed Use these dialogs to specify the number of states to be created and which existing state to duplicate which will be highlighted in the State Manager as the state number is changed 4 Wh...

Page 156: ...o the end of the collection drag the source states beyond the last state If they are to be added elsewhere in the collection drag the source states either over the state prior to which the new states will be inserted or over the space between state thumbnails where the new states will be inserted 3 Release the right mouse button and select Insert copy from the drag and drop menu State Manager Drag...

Page 157: ...nd of the collection ensure that no states are currently selected in the State Manager A quick way to de select all states is by clicking with the left mouse button anywhere outside of a state thumbnail or pressing the ESC Escape key Then paste the states from the clipboard by selecting Edit Paste State Manager Context Menu Paste or the Ctrl V keyboard accelerator 4 If the states are to be moved e...

Page 158: ...either Edit Copy State Manager Context Menu Copy or the Ctrl C keyboard accelerator 3 With the source states copied to the clipboard select the Multi General or Multi Bargraph button whose states will be replaced 4 Select the destination states The power of Replace is in its ability to handle sets of destination states unequal in number to the set of source states If the number of destination stat...

Page 159: ...n which the various visual elements of a Page Popup Page or Button are drawn on the screen The element at the top of the Z order overlaps all other elements The top of the Z order is like the top layer in a multi layer drawing The element at the bottom of the Z order is overlapped by all other elements The bottom of the Z order is like the bottom layer in a multi layer drawing By default the state...

Page 160: ...Working With States 140 TPDesign4 Touch Panel Design Software v2 10 or higher ...

Page 161: ...troller to the panel causing the panel to do something i e change border display a text string etc Level Codes Displayed in the lower left corner of the button level codes represent bi directional communication between the panel and the master controller i e the panel can cause a change in a level setting and a changed level setting generates feedback on the panel The easiest way to handle functio...

Page 162: ...r contained in either the Channel or Level folders Select an item in the tree and then left click to edit the code value Double click on the item to open the associated page or popup page and place the edit focus on that item Display Function Codes Select View Display Function Codes to display the function codes associated with any button in the design view window alternatively press the F7 key to...

Page 163: ...g buttons in the set in the order in which you want the channel address codes to be assigned Finally by following the instructions below and utilizing the Begin Assignment At and Ensure Contiguous Code Assignment options one can assign channel address codes to every button in the set with significantly fewer mouse clicks and keystrokes than would otherwise be possible The Power Assign dialog Selec...

Page 164: ...nd channel codes if you select the Function Code Action Assign option Port Sets the button group s port numbers if you select the Function Code Action Assign option Function Code Sets the button group s function codes if you select the Function Code Action Assign option Ensure Contiguous Code Assignment Sets the button group s device and channel code assignments to be contiguous i e 1 2 3 etc Reus...

Page 165: ...hat the group of buttons is entirely within a single port In either of these cases check the Wrap Within Port ID option which ensures that all channel codes assigned fall within a single port One nice thing about the Power Assign palette is that it retains its settings after use which is handy when you need both the channel and address codes to have the same numeric values First use the Functions ...

Page 166: ...Working With Function Codes 146 TPDesign4 Touch Panel Design Software v2 10 or higher ...

Page 167: ...ing of either a JASC formatted palette file a Microsoft formatted palette file or a custom palette file previously saved from within the application Color assignments are made through the Colors dialog FIG 68 There are several ways to open the Colors dialog When setting new button parameters click on the Border Color Fill Color or Text Color toolbar icons to open the base palette then click More C...

Page 168: ...ith no color assignment To edit an existing palette entry select an existing color 4 Use the cursor in the Color Value chart in conjunction with the Hue Sat Bright Red Blue Green opacity and or Hex value to specify the color that you want to add to the palette 5 Enter a description of the new palette entry in the Name text field This is optional but highly recommended since this is the name that w...

Page 169: ...ect the palette that you want to rename from the palette selection drop down list in the upper left corner of this dialog 3 Click the Rename button to open the Rename dialog 4 Enter the new name for this palette in the text field and select OK 5 The new name of the palette is indicated in the palette selection drop down list Note that the new name overwrites the previous name removing the previous...

Page 170: ...te entry that you want to copy 4 Click the Copy Entry button 5 Click the New button to open a new empty palette or select an existing one from the drop down list 6 Select the slot that you want to paste the copied palette entry into and click Paste Entry If you select a slot that already has a palette entry the copied color will overwrite the original Using Custom Palettes to Enable Color Schemes ...

Page 171: ...application allows you to apply different color schemes to the template with a single click Using the Grab and Paint Properties Tools The Grab Properties and Paint Properties tools work together to allow you to grab copy the properties and values of a selected Page or Popup Page and apply them to another Button Page or Popup Page 1 Select Grab Properties Tool from the Edit menu the Design View con...

Page 172: ...operties tool The Property Painter dialog can either be used in conjunction with the Grab Properties and Paint Properties tools or as a stand alone dialog The items in this dialog include FIG 70 Property Painter dialog Property Set Use this field to name the current set of Properties resulting from using the Grab Properties tool or use of the Grab Selected button within the dialog to take a snapsh...

Page 173: ...in the Pro gramming heading selects all programming properties and the checkbox in the States headings selects all state properties for the indicated state Paint Selected Select one or more buttons in the Design View and select the Paint Selected command button to paint those properties onto the selected but ton s Alternatively once a Property Set has been acquired either via the Grab Properties t...

Page 174: ...Colors and Palettes 154 TPDesign4 Touch Panel Design Software v2 10 or higher ...

Page 175: ... of the images 3 Click Next to proceed to the Animation Wizard Size Position Step 3 of 6 dialog Use this dialog to specify the size and position of the animation relative to the button that will contain it 4 Click Next to proceed to the Animation Wizard Assign Frames Step 4 of 6 dialog Use this dialog to create enough states to accommodate the number of frames in the animation sequence 5 Click Nex...

Page 176: ...spin02 jpg cool_button_spin03 jpg cool_button_spin04 jpg etc Also make sure the numbering convention used for the files is consistent i e don t mix 1 and 01 or 001 Although you can edit the sequence of the images in the animation manually it makes things easier if you take naming into consideration before importing the files You can bring existing animated GIF files into your project via a third p...

Page 177: ...tton state Use the first field to indicate which state to start the animation on default 1 the first state Use the next field to indicate which of the existing states to duplicate if more states are required for the animation If button states exist beyond the end of the animation use the radio buttons to indicate how to handle them Leave Alone or Remove Animation Wizard Appearance Step 5 of 6 Clic...

Page 178: ...ation the tweening process greatly simplifies the process of generating each state individually by automatically creating a gradual transition across all states based on the state properties of the first and last states Beyond simplifying the process of creating motion animations tweening also generates very smooth color transition effects that would be difficult or impossible to do any other way ...

Page 179: ...ery smooth fade When used in combination with TPD4 s ability to handle RGB colors including the opacity setting it is also possible to use tweening to make buttons fade in and out on the page Note that to make buttons fade in out completely you would have to create the button without a border assignment since transparent borders are not supported in this version of TPDesign4 When the button is tur...

Page 180: ...multi state buttons The Icon Position tweener allows you to cause an icon to move around the button area when it is pressed The Bitmap Position tweener allows you to cause a bitmap to move around the button area when it is pressed Animated bitmap effects can be used alone or in conjunction with the other tweeners to create all sorts of eye catching visual effects To create animated bitmap effects ...

Page 181: ...e text across the button Tweeners sub menu Select Tweeners from the States Menu or the State Manager context menu to open the Tweeners sub menu This menu allows you to select a type of tweener to use in creating animations on multi state buttons Note that depending on the elements of the selected buttons some of these options may not be available For example the Bitmap Position option is only avai...

Page 182: ...mages can be applied to buttons to create animated highlighting glow and drop shadow effects When used with multi state buttons chameleon images can also take advantage of TPD4 s tweening tools to easily create color transition effects Furthermore chameleon images may also use a companion bitmap which when placed on top via the Draw Order state property can add highlighting and shadow effects to c...

Page 183: ...he transparent color to be interpreted correctly by TPDesign4 the PNG file must be saved with RGB colors 32 bit Here s an example of creating a simple chameleon image for the purpose of illustrating the basic concepts used 1 Using an image editing program to create an image to use as the chameleon image Use the alpha channel to define the overall desired shape of the button see Working with Transp...

Page 184: ...r and Fill color settings you can use the Fill Color and Border Color Tweening tools to quickly create color transition effects for each of the color channels FIG 77 In fact the Chameleon images can by used in conjunction with any of the other Tweening tools depending on what elements Bitmaps Icons Text make up your button Chameleon Images Custom Palettes and G4 PanelBuilder Chameleon images can b...

Page 185: ...mplate file via the File Export as G4 PanelBuilder Template option The project must utilize at least one chameleon image meaning that a chameleon image has been applied to at least one button in the project There are also several requirements for images to allow them to be recognized as chameleon images by TPDesign4 The project must include at least one custom palette in addition to the default pa...

Page 186: ...Animations and Tweening 166 TPDesign4 Touch Panel Design Software v2 10 or higher ...

Page 187: ...tire System Pages into your project or copy paste selected elements from a System Page into a page in your project For example you may want to include the entire RGB Setup page in your project Once you copy the System Page into your project it is treated like any other page in your project You can edit or modify the page and contained buttons just like you would for any other page in the Project A...

Page 188: ... click the copied System Page to open it in a Design View window and edit the page and contained buttons like you would any other page in the project Copying Pasting System Page Elements into a Project page In some cases you may have a need for a particular element or set of elements in one of the System Page Templates in your project In addition to copying pasting entire System Page Template page...

Page 189: ...vigator and select Edit Paste The pasted popup page is automatically pasted to the Popup Pages folder for the target Project 2 Copy and Paste only selected elements from a Keyboard or Keypad Popup Page into an existing project Open a Keyboard or Keypad Popup Page and copy only the buttons keys that you plan to use into an existing page in a Project Either way you won t have to do any additional wo...

Page 190: ... Settings Master Connection Panel Infor mation etc Protected Password This page contains options to allow you change any passwords asso ciated with this Project including one protected password which only displays asterisks when the password is being entered for additional security Protected Secondary ID This page contains options to allow you to apply password protection to a secondary wireless c...

Page 191: ...lished elements G4 PanelBuilder customizes the TPD4 file based on the navigation flow you designed Any number of template files TPT can be created to constitute a template family it is suggested you create one for each resolution totaling 6 The resolutions and panel types are as follows According to the table there are only 6 resolutions the minimum number to make a template family but 12 differen...

Page 192: ...uilder looks for navigations with the name nav navName pageName Suggestions Start with the most complex Device element first then make copies of it This method allows you to modify and delete thus the pages are more likely to be similar Also create several different variations of Navigation and Sub Navigations 3 items 4 items etc 3 Create the preview images for the elements Images do not have to b...

Page 193: ...esign4 In G4 PanelBuilder select File New From File or select Start From Existing Project in the Tasks Pane to open a copy of an existing PanelBuilder project file to use as a starting point In G4 PanelBuilder select a template from the list of recently opened templates or select Start a New Project in the Tasks Pane 2 In G4 PanelBuilder develop the PanelBuilder project as desired Refer to the G4 ...

Page 194: ...s between these elements Once a TP4 project file is exported as a G4 PanelBuilder Template TPT file it can be used as a starting point for panel design in the G4 PanelBuilder application The basics of this operation are simple once you have created or opened a TP4 file select File Export As G4 PanelBuilder Template Assuming that the project adheres to the various rules required by G4 PanelBuilder ...

Page 195: ...ent A minimum of 1 Placeholder Element A main preview image preview jpg or preview png Required Template Elements When designing a template it is important to remember the rules that govern elements and their relation with the templates The chart below demonstrates these rules The template must have at least one of each of the following elements Navigation Elements This is the main menu where most...

Page 196: ...n The Info button contains the page flip information for displaying the Navigation element and can contain an optional icon image info buttonName This text is used to populate the mouseover element description in the toolbox buttonName This is unused and the button is deleted in the generated TP4 project The popups in the Navigation element must contain at lest one item button that will be filled ...

Page 197: ... element is a submenu and can occur on screen with Navigation elements Consists of at least one popup and can contain multiple popups Cannot contain pages Element Specific Conventions Splash Elements This element is a popup that can contain an image i e corporate logo Consists of at least one popup and can contain multiple popups Cannot contain pages Device Elements This element is the actual devi...

Page 198: ... icon is used on the corresponding Navigation or Sub Navigation button If the Info button is omitted popup pages are shown in alphabetical order Template Wide Conventions Text Replacement The string text is required on the button wherever text is to be replaced in the output file The string text allows you to prepend postpend text with characters If the text on a button to be replaced does not con...

Page 199: ...or different numbers of buttons FIG 81 The nav 3 Selections Navigation 3 popup as it appears in the Workspace Creating Placeholder Elements In order for a TP4 file to be successfully exported as a G4 PanelBuilder Template file TPT the TP4 project file must contain at least one Placeholder Element A Placeholder element is basically a blank device feature element that allows you add items to the pro...

Page 200: ...e name that will be used in the generated TP4 project FIG 83 shows an example implementation of a Placeholder element as seen in the graphiclySound Orange template available from AMX FIG 84 shows an example Placeholder page in the Workspace Window FIG 82 Example Navigation popup FIG 83 Example General properties for a Placeholder page FIG 84 Example Placeholder page in the Workspace Window ...

Page 201: ...e panel design itself FIG 85 The placeholder Placeholder Placeholder page in the Workspace Placeholder Pages A template may contain one or more Placeholder elements which must be composed of a page and optional popup pages placeholder placeholderName pageName placeholderName The name of the Placeholder element as it will appear in G4 PanelBuilder pageName The base page name that will be used in th...

Page 202: ...sion setting using the Compression slider bar The Size side of the bar optimizes the file size of the image file typically at the expense of image quality Conversely the Quality side of the bar optimizes the file for image quality which usually results in a larger file size 8 Click OK to create the preview image Once the preview image has been generated it appears in the Resource Manager Images ta...

Page 203: ...me navName The name of the Navigation as it will appear in G4 PanelBuilder pageName The base page name that will be used in the generated TP4 project Info Button One and only one of the pages popups in a Navigation element may contain a Info button which contains the page flip information for dis playing the Navigation element and may also contain an optional icon image info buttonName buttonName ...

Page 204: ...buttonName buttonName The button name that will be used in the generated TP4 project Title Buttons The popups in a Sub Navigation element may contain one or more Title buttons whose text will be replaced with the name given to the Sub Navigation in the generated TP4 project title buttonName buttonName The button name that will be used in the generated TP4 project Splash Popups A template may conta...

Page 205: ...ature Pages A template may contain one or more Feature elements which must be composed of a page and optional popup pages feature featureName pageName featureName The name of the Feature as it will appear in G4 PanelBuilder pageName The base page name that will be used in the generated TP4 project Info Button One and only one of the pages popups in a Feature element may con tain a Info button whic...

Page 206: ...templates for those panel types VA Templates Navigations as Pages TPDesign4 modifies the export of panel projects as VisualArchitect templates to allow navigation elements to be implemented as pages instead of popup pages for panel projects of device class remote Also TPDesign4 limits navigation elements of device class panel to pop up pages only VA Templates Logical Page Scroll Bar Elements Logic...

Page 207: ...calupbtn and logicaldownbtn Each logical page must contain one of each of these elements VA Templates List Box Page Up and Down Elements List box pages contain two button elements that will be used to implement list box single up down operations These two buttons are named listboxupbtn and listboxdownbtn Each list box page must contain one of each of these elements A logicalinfobtn button element ...

Page 208: ...Working With Templates 188 TPDesign4 Touch Panel Design Software v2 10 or higher ...

Page 209: ...slots in the Slots tab in order to paste all of the files If you only select one slot when you paste the multiple images you ll only see the first one that you selected Delete Select one or more files and click Delete to delete them from the collection The files are not deleted from the hard drive just from this project Rename Select an image file and click Rename to open the Rename dialog contain...

Page 210: ...mic images to this tab first before they are applied in the project so that you can maintain an organized profile of all images in the project regardless of their context i e button state page background etc Resource Manager dialog Slots tab The Slots tab of the Resource Manager dialog provides a convenient way to preview and manage all image and sound files that are being used in your project Whe...

Page 211: ...st select at least the same number of slots in the Slots tab in order to paste all of the files If you only select one slot when you paste the mul tiple images you ll only see the first one that you selected Note You can also cut copy paste within any of the tabs Delete Select one or more files and click Delete to delete them from the collec tion The files are not deleted from the hard drive just ...

Page 212: ...more image editing programs with image files in TPD4 projects Note that you can associate multiple editor programs with image files but one is specified as the default image editor 1 Select Edit Preferences to open the Preferences dialog and open the Editor Selection tab Note that Image Editors is already selected in the Editor Type drop down menu 2 Click the Add Editor button to access the Choose...

Page 213: ...nt default to access the Choose Editor dialog 4 Check the Default Editor checkbox to set the selected program as the default editor 5 Click OK to close the Choose Editor dialog The new default editor is indicated in the Default column of the Editors table Working With Images Before you can apply images and sounds to buttons and pages in your Project the image and sound files must first be imported...

Page 214: ...mage size supported on the panels is 1280x1024 Any image files that are imported to the project that are larger than 1280x1024 are automatically scaled down to fit this maximum resolution Any scaling that occurs is proportional so that the image will not be stretched Assigning Images to Slot Positions To assign images to slot positions for use in the Project 1 Select Panel Resource Manager or clic...

Page 215: ...mage dialog 4 Specify the URL information for the dynamic image resource 5 Click OK to import the files to the Images tab Assigning Dynamic Images to Slot Positions To assign dynamic images to slot positions for use in the program 1 Select Panel Resource Manager or click the toolbar button to open the Resource Manager dialog 2 Open the Dynamic Images tab 3 Select one or more dynamic image files Ct...

Page 216: ... G4 devices With the growing popularity of Motion JPEG or M JPEG streaming being adopted by leading manufacturers of video equipment DynaMo now enables the use of this technology in AMX systems The setup process is essentially identical to that for setting up other Dynamic Images It includes three easy steps 1 Create a Dynamic Image in TPDesign4 project 2 Create a General button the Dynamic Image ...

Page 217: ...rver some cameras servers support more than one output resolution in this case select one that fits your application requirements interface design 3 Go to the States tab in Button Properties and select the Dynamic Image in our case Network Camera created in Step I as Bitmap image for the target button created in Step 2 FIG 87 Creating a Dynamic Image Step 2 FIG 88 Creating a Dynamic Image Step 3 ...

Page 218: ...ss only the M JPEG stream not the entire HTML page served by the camera server by default Depending on the camera network video server type you are using you may need to consult product documentation or if necessary contact manufacturer s technical support In general however what is being sent to the camera server in the path is a CGI call that may have additional parameters based on the feature s...

Page 219: ...mera Path cgi bin video jpg cam 1 quality 3 size 2 Dynamic image settings Dynamic image settings FIG 89 Edit Dynamic Image dialog Axis Axis equipment supports a number of resolutions and therefore requires that the target resolution be indicated Each camera can also have a camera ID number but that is optional just as a number of other features that can be indicated in the path FIG 90 Edit Dynamic...

Page 220: ...FireFox at www mozilla org Working With Trendnet IP Cameras To get a streaming image from the TV IP301 Trendnet IP camera on to a dynamic image window of a touch panel Configure the camera for JPEG and 15fps The default settings of 640x480 and Highest Quality should be OK In TPD4 set the dynamic image properties to Protocol HTTP default Host the default IP of this camera is 192 168 1 30 Path gofor...

Page 221: ...eral ways All imported images are considered to be Bitmaps but an image cannot also be referenced as an Icon until it is assigned to a slot in the Resource Manager Having an image assigned to a slot allows you to reference the same image as either a Bitmap or an Icon When an image s slot position assignment is deleted from the Project the image is still available as a Bitmap and remains in any oth...

Page 222: ...hich you want to apply the image file and click Assign in the Slots tab If you are assigning multiple files to multiple slots click the slot where you want to begin pasting the set of images The files will be pasted consecutively in the order in which they were selected When pasting multiple image files to the Slots tab you must select the same number of slots as the number of images copied For ex...

Page 223: ...he file s to import 6 Click Open to import the files to the Sounds tab Assigning Sound Files to Slot Positions To assign sounds to slot positions for use in the program 1 Select Panel Resource Manager or click the toolbar button to open the Resource Manager dialog 2 Open the Sounds tab 3 Select one or more sound files Ctrl click to select multiple files individually or Shift click to select a rang...

Page 224: ...arget directory for the files 6 Click OK The program prompts you when the export is finished Working With Video Fills If you are designing a project targeted at a video capable panel you can assign a video fill to a page popup page or button TPDesign4 supports video fills directly to the page popup page without having to create a page size button as was the case in TPDesign3 The NXP TPI 4 accommod...

Page 225: ...o a NetLinx Master topic for details on establishing a new connection The configuration you specify under that name can then be accessed via the Connection drop down list in the Connect dialog To recall a saved communication configuration select Transfer Connect to open the Connect dialog and select the desired configuration from the Connection drop down list To delete a saved configuration select...

Page 226: ...n The invokes the Connection Settings dialog 3 In the Connection Settings dialog enter a unique name for the connection configuration that are you setting up in the Name field This allows you to recall the configuration you specify later without having to re configure 4 Select Serial from the Transport drop down list 5 Configure the Settings parameters COM Port Data Bits Parity Baud Rate Stop Bits...

Page 227: ...atible G4 touch panel on that Master s bus Use the File Receive From Panel option to connect to a Master and upload a panel file from a compatible G4 touch panel on that Master s bus There are three ways to connect and transfer Panel files TCP IP Serial and Modem Panel File Transfers via TCP IP In TPDesign4 file transfer operations are typically routed through the Master to which the target source...

Page 228: ... uploads are not included in the transfer Normal transfer all panel files This option sends all panel files Full clean transfer all panel system graphic files Select this option to automatically wipe out any existing project files resident in the target panel before loading the new panel file Open received panel uploads only Select this option to automatically open the panel file once it is receiv...

Page 229: ... or Receive From Panel dialog to enable disable the following transfer options Smart transfer updated panel files only Select to utilize the Smart Transfer feature which reduces the transfer time by only replacing those panel files that have been updated relative to the files already loaded in the panel Any bitmaps sound files and fonts that all already resident on the target panel or in your pane...

Page 230: ...er The suggested settings are d Click OK to save the configuration and close the Connection Settings dialog 2 Click Connect in the Connect dialog to establish the modem connection 3 Once communication is established either the Send To Panel or Receive From Panel dialog is invoked depending on wether you selected Send to Panel or Receive From Panel from the Transfer menu displaying an online device...

Page 231: ...ers 2 Configure TPDesign4 for Masterless TCP IP transfers 3 Transfer the Files Using a Virtual NetLinx Master TCP IP connection Configuring TPDesign4 for Virtual NetLinx Master TCP IP Transfers 1 Select Transfer Connect to open the Connect dialog or click the toolbar button 2 Select Virtual NetLinx Master from the Connection drop down list 3 Click the Properties button to access the Virtual NetLin...

Page 232: ...nection Setup page 5 Select Ethernet as the Master Connection 6 Select URL as the Connection Mode 7 Set the System Number to 0 zero 8 Select the Master URL IP input box and enter the IP address of your PC displayed in the Virtual NetLinx Master Properties dialog 9 Press the Back button to return to the Protected Setup page and press the Reboot button to reboot the panel 10 After several seconds th...

Page 233: ...d Setup page 3 Use the on screen keyboard to enter the password the default password is 1988 4 Press the System Connection button to access the System Connection Setup page 5 Select USB as the Master Connection 6 Press the Back button to return to the Protected Setup page and press the Reboot button to reboot the panel 7 After several seconds the panel should appear in the online device tree liste...

Page 234: ...l files are transferred to the NetLinx Master that the target panels are connected rather than directly to the panels In order to transfer touch panel files you must first establish communication between the PC and the NetLinx Master via the Connect dialog Connections are maintained separate from the transfer itself so they do not need to be established dropped each time a transfer is performed Us...

Page 235: ...nel This option open the Receive From Panel dialog where you can specify the source panel for the transfer Redo Last Transfer Click to re execute that last completed transfer Cancel Transfer elect a transfer in the Transfer Status Window and select this option to cancel the current selected transfer Cancel All Transfers Click to cancel all current transfers Clear Transfer Select a complete transfe...

Page 236: ...File Transfer Operations 216 TPDesign4 Touch Panel Design Software v2 10 or higher ...

Page 237: ...closed Note If the System Page Template was opened as part of the Workspace the Reload last workspace option will cause the application to attempt to open the password protected System Page Template as part of the last opened work space In this case you will be presented with the Enter Access Password dialog Since there is not a password to unlock the file by design the only option is to open the ...

Page 238: ...fter enabling disabling the undo system will result in a clearing of the undo redo history Number of undo levels Use the up down arrows to change the number of undo actions allowed default 10000 Change selection on undo This option will alter to current selection and select the items that are effected by the latest Undo Redo action Enable the redo system This option enables disables the ability to...

Page 239: ...om is selected the Custom Colors option is enabled see below Size Click the down arrow to open a drop down list of available checkerboard sizes The options are Tiny Small Medium and Large Custom Colors If Custom was selected as the Style see above then you can specify a custom color combination for the checkerboard by selecting from these two drop down lists Reset Click to reset all options in the...

Page 240: ...Contains options that allow you to add remove external program shortcuts to the Tools menu Keyboard Contains options for customizing the TPDesign4 keyboard accelerators hotkeys Menu Contains options for customizing the TPDesign4 menus and context menus Options Contains additional options for customizing the TPDesign4 toolbars Customize dialog Commands tab Use the options in the Command tab of the ...

Page 241: ...stom toolbar from the list and click Rename to open the Toolbar Name dialog Type a new name for the selected toolbar and click OK to rename it The standard TPDesign4 toolbars cannot be renamed Delete Select a custom toolbar from the list and click Delete to delete the selected toolbar The standard TPDesign4 toolbars cannot be deleted Menu Contents This list represents all shortcuts to external app...

Page 242: ... the down arrow to open a list of all command categories These categories mirror the main Menu options File Edit Panel Page Button States Layout View Window and Help with two additional options Go To This category includes commands that serve as shortcuts to various aspects of the TPDesign4 workspace Button Preview Properties State Manager and Workspace All Commands This category includes all avai...

Page 243: ...bars When this option is enabled checked a brief description of each toolbar button is displayed whenever the cursor is placed over it default enabled Show Shortcut Keys in Screen Tips When this option is enabled checked the shortcut keys or accelerators associated with the selected command are displayed in the ScreenTips description If Show ScreenTips on Toolbars is disabled this option is not av...

Page 244: ...he Customize dialog 7 Select a command category under Categories to display a list of commands under Commands 8 Click and drag commands from the Commands list and drop them inside the area of the new toolbar Repeat this process to add as many commands as you like to your custom toolbar s Renaming Custom Toolbars 1 To rename a custom toolbar select View Customize to open the Customize dialog and op...

Page 245: ...licking and dragging commands from the Commands list to the new menu 9 Release the mouse button to place the selected command in the new menu Adding Commands To Existing Menus 1 Open the Customize dialog select View Customize 2 Open the menu that you want to add command s to 3 Select a command category under Categories The commands included in the selected category are displayed under Commands alo...

Page 246: ...ments Click to copy the selected category of commands hotkey assignments to clipboard memory Category Click the down arrow to select a category of commands to display select All Commands to view the entire list Show Accelerators For Click the down arrow to select which hotkey template to display Setting Custom Hotkeys Use the Keyboard tab of the Customize dialog to create new keyboard accelerators...

Page 247: ...e TPDesign4 GUI The available options are Default The classic look of TPDesign4 as it looked in version 1 0 Office XP This is the default setting which uses an Office XP style for its toolbars and menus Office 2003 This selection changes TPDesign4 s look and feel to match that of Microsoft s Office 2003 Windows XP Home This setting is only available if the application is running on a PC equipped w...

Page 248: ...Program Preferences 228 TPDesign4 Touch Panel Design Software v2 10 or higher ...

Page 249: ...Pack 4 or greater Windows XP Service Pack 1 or greater System Requirements Latest G4 Touch Panel firmware USB port Pentium 1 GHZ processor 256 MB of RAM Other configurations may experience some performance impact while remote clients are connected Setting Up G4CC 1 TPD4 Touch Panel File 1 Create a new button and select Computer Control as the button type in the General tab of the Properties Contro...

Page 250: ...ert the USB Computer Control Stick into the USB port on the computer that is being controlled A series of USB driver installation popup windows appear 3 Confirm that a new USB detection icon appears in the lower right taskbar of the display window 4 Use the computer s file browser to navigate to the USB stick s drive location and open the Config folder on the USB Control Stick drive directory 5 Do...

Page 251: ...ield Depending on the item selected you can either set the item manually select from a drop down menu or both The following programming properties are supported for Computer Control buttons Click the sign out beside Computer Control to expand the Advanced Codes menu to show the available functions Address Port Select or enter the port to which the address code will be applied Address Code Select o...

Page 252: ...ation located in the root directory of the USB Control Stick to begin your G4CC session The G4CC icon will appear in the tool tray The icon will turn green when a Modero TPI 4 panel is connected to the computer Upon opening this file your PC should now be displayed on the touch panel To terminate your Computer Control session right click on the tool try icon and select Close Computer Control from ...

Page 253: ... PanelBuilder select File Save to save the PB4 file Use File Save As to save the file under a new name and or specify a different target directory 4 In G4 PanelBuilder select File Generate TPDesign4 Project In the Generate TPDesign4 Project dialog specify a name and target directory for the TP4 file By default once the TP4 file has been generated the project is automatically opened in TPDesign4 de...

Page 254: ...ent A Placeholder element is a blank or empty device feature element that allows you to include items in the project that are not specifically included in the template The project must contain at least one main Preview image A Preview image is the image that is used for thumbnail representation of the template within the G4 PanelBuilder application If TPD4 detects that there are problems with the ...

Page 255: ...ver there can only be one Feature element in a panel design i e the Clean Panel feature Consists of one page and can contain multiple popups Only one Feature element can be displayed at a time Element Specific Conventions click to access Sub Feature Elements This element represents the universal features that appear on many pages i e volume Consists of at least one popup and can contain multiple p...

Page 256: ...template can contain as many buttons named panelTitle as necessary they are replaced with the Job Name of the panel Preview Images A template must contain a main preview image and can also contain a preview image for each element The main preview image should be named preview jpg or png The element previews should follow the same naming conventions as their page prefixes i e device DVD jpg There c...

Page 257: ... the Workspace Window represent the variations on the Navigation theme for different numbers of buttons FIG 96 The nav 3 Selections Navigation 3 popup as it appears in the Workspace FIG 95 Example General properties for a Navigation popup FIG 96 Navigation popups in the Workspace Window FIG 97 Example Navigation popup ...

Page 258: ...o create a basic Placeholder element create a new Page Panel Add Page and name it according to the naming convention required by G4 PanelBuilder for Placeholder elements placeholder placeholderName pageName placeholderName The name of the Placeholder element as it will appear in G4 PanelBuilder pageName The base page name that will be used in the generated TP4 project FIG 98 shows an example imple...

Page 259: ...r G4 PanelBuilder template FIG 100 The placeholder Placeholder Placeholder page in the Workspace Placeholder Pages A template may contain one or more Placeholder elements which must be composed of a page and optional popup pages placeholder placeholderName pageName placeholderName The name of the Placeholder element as it will appear in G4 PanelBuilder pageName The base page name that will be used...

Page 260: ...mple in order to minimize the file size of the template you may decide to reduce the zoom on your preview image s to 25 6 In the File Format drop down select either JPG or PNG as the file format for the image file If you select JPG you can specify the compression setting using the Compression slider bar The Size side of the bar optimizes the file size of the image file typically at the expense of ...

Page 261: ...4 project Title Button The popups in a Mode element may contain one or more Title buttons whose text will be replaced with the name given to the Mode in the generated TP4 project title buttonName buttonName The button name that will be used in the generated TP4 project Navigation Popups A template requires one or more Navigation elements which are com posed one or more popup pages Navigation eleme...

Page 262: ...higher Title Button The popups in a Navigation element may contain one or more Title buttons whose text will be replaced with the name given to the Navi gation in the generated TP4 project title buttonName buttonName The button name that will be used in the generated TP4 project ...

Page 263: ...een order item buttonName buttonName The button name that will be used in the generated TP4 project Title Buttons The popups in a Sub Navigation element may contain one or more Title buttons whose text will be replaced with the name given to the Sub Navigation in the generated TP4 project title buttonName buttonName The button name that will be used in the generated TP4 project Splash Popups A tem...

Page 264: ...ect Info Button One and only one of the pages popups in a Device element may con tain an Info button which contains the page flip information for display ing the Device element and may also contain an optional icon image info buttonName buttonName Unused The button is deleted in the generated TP4 project Title Button The pages popups in a Device element may contain one or more Title buttons whose ...

Page 265: ...en to the Feature in the generated TP4 project title buttonName buttonName The button name that will be used in the generated TP4 project Sub Feature Popups A template may contain one or more Sub Feature elements which are composed of one or more popup pages Sub Feature elements may not contain pages subFeature subFeatureName pageName subFeatureName The name of the Sub Feature element as it will a...

Page 266: ...Appendix B G4 PanelBuilder 246 TPDesign4 Touch Panel Design Software v2 10 or higher ...

Page 267: ...he TakeNote on screen annotation application USB Stick Specifications FIG 101 NXA USBTN TakeNote USB Computer Control Stick NXA USBTN Specifications Dimensions HWD 0 32 x 0 87 x 2 87 8 0 mm x 22 0 mm x 73 0 mm Supported OS and System Requirements Windows XP and Windows 2000 operating systems 1 GHz or higher Pentium processor USB port 256 MB of RAM Note Other configurations may experience some perf...

Page 268: ... files 3 Use the WebUpdate feature integrated in the TPDesign4 and NetLinx Studio software to update the applications if necessary Alternatively you could navigate to www amx com and download the latest versions of the programs Developing a TPD4 project with G4CC and TakeNote Support 1 Launch TPDesign4 and open an existing project or create a new one Refer to the online help for instructions on us...

Page 269: ...re you can use either the Computer Control or TakeNote applications you must first modify the NetLinx Master Source Code to support the new G4CC functionality 1 Insert the NXA USBTN stick into a USB port on the PC that is being controlled Confirm that a new USB detection icon appears in the windows taskbar 2 Launch NetLinx Studio select File Open navigate to the assigned USB stick drive and open t...

Page 270: ... the assigned USB stick drive location and open the Computer Control Config folder 2 Use the configCC exe application on the USB stick to configure the G4CC application 3 Double click the configCC exe to run the configuration utility The following information is needed by the Computer Control Configuration Utility for each G4 panel or TPI 4 interface NetLinx Master IP Address DNS Fixed IP URL ____...

Page 271: ... your Computer Control session right click on the G4CC icon and select Close Computer Control from the menu Running the TakeNote Application If you are not using a direct RGB connection such as on a TPI 4 G4CC must be running in order for TakeNote to function Use the following steps to setup and implement TakeNote 1 Use the computer s file browser to navigate to the USB stick drive and double clic...

Page 272: ...Appendix C TakeNote 252 TPDesign4 Touch Panel Design Software v2 10 or higher ...

Page 273: ...Appendix C TakeNote 253 TPDesign4 Touch Panel Design Software v2 10 or higher ...

Page 274: ...registered trademarks of AMX AMX reserves the right to alter specifications without notice at any time It s Your World Take Control 3000 RESEARCH DRIVE RICHARDSON TX 75082 USA 800 222 0193 469 624 8000 469 624 7153 fax 800 932 6993 technical support www amx com ...

Reviews: