User manual AMX TPDESIGN3 V3.16

instruction manual TPDesign3 Touch Panel Design Program (Version 3.16) So ftw are Software Warranty Agreement PRE-RELEASE CODE. Portions of the AMX Software may, from time to time, as identified in the AMX Software, include PRE-RELEASE CODE and such code may not be at the level of performance, compatibility and functionality of the final code. The PRERELEASE CODE may not operate correctly and may be substantially modified prior to final release or certain features may not be generally released. AMX is not obligated to make or support any PRE-RELEASE CODE. ALL PRERELEASE CODE IS PROVIDED "AS IS" WITH NO WARRANTIES. LIMITED WARRANTY. AMX warrants that the AMX Software will perform substantially in accordance with the accompanying written materials for a period of 30 days from the date of receipt. AMX DISCLAIMS ALL OTHER WARRANTIES, EITHER EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE, WITH REGARD TO THE AMX SOFTWARE. THIS LIMITED WARRANTY GIVES YOU SPECIFIC LEGAL RIGHTS. LICENSEE REMEDIES. AMX's entire liability and your exclusive remedy shall be repair or replacement of the AMX Software that does not meet AMX's Limited Warranty and which is returned to AMX. This Limited Warranty is void if failure of the AMX Software has resulted from accident, abuse, or misapplication. Any replacement AMX Software will be warranted for the remainder of the original warranty period or 30 days, whichever is longer. Outside the United States, these remedies may not available. NO LIABILITY FOR CONSEQUENTIAL DAMAGES. IN NO EVENT SHALL AMX BE LIABLE FOR ANY DAMAGES WHATSOEVER (INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF BUSINESS PROFITS, BUSINESS INTERRUPTION, LOSS OF BUSINESS INFORMATION, OR ANY OTHER PECUNIARY LOSS) ARISING OUT OF THE USE OF OR INABILITY TO USE THIS AMX PRODUCT, EVEN IF AMX HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. BECAUSE SOME STATES/COUNTRIES DO NOT ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR CONSEQUENTIAL OR INCIDENTAL DAMAGES, THE ABOVE LIMITATION MAY NOT APPLY TO YOU. If you acquired this product in the United States, this Agreement is governed by the laws of the State of Texas. Should you have any questions concerning this Agreement, or if you desire to contact AMX for any reason, please write: AMX Corporation, 3000 Research Drive, Richardson, TX 75082. Table of Contents Table of Contents Product Information .................................................................................................1 Features ............................................................................................................................ 1 Minimum System Requirements ....................................................................................... 1 Supported Platforms for HTML.......................................................................................... 2 Web Servers ............................................................................................................................ 2 Web Clients.............................................................................................................................. 2 Installing TPDesign3 ......................................................................................................... 2 Touch Panel Pages ........................................................................................................... 2 Window and Toolbar Reference ..............................................................................5 TPDesign3 Windows ......................................................................................................... 5 Main Menu......................................................................................................................... 6 Standard Toolbar............................................................................................................... 8 Main Toolbar ..................................................................................................................... 9 Button Borders Toolbar ................................................................................................... 10 Button Types Toolbar ...................................................................................................... 11 Fonts Toolbar .................................................................................................................. 12 Hotkey Shortcut Information............................................................................................ 13 Designing Panel Pages ..........................................................................................15 Defining your Preferences............................................................................................... 15 Creating a New Project ................................................................................................... 16 Setting Panel Properties.................................................................................................. 17 Importing Bitmaps ........................................................................................................... 18 Optimization of images........................................................................................................... 19 Importing Icons................................................................................................................ 19 Creating/Editing an Icon .................................................................................................. 20 Managing Fonts............................................................................................................... 20 Creating a New Page ...................................................................................................... 21 Setting Page Properties .................................................................................................. 21 Creating a Button ............................................................................................................ 22 Assigning Button Color Properties .................................................................................. 22 Selecting a Button Color.................................................................................................. 23 Changing Button Borders ................................................................................................ 23 Adding Button Text.......................................................................................................... 24 Adding a button type ....................................................................................................... 25 Selecting an Icon............................................................................................................. 25 TPDesign3 Touch Panel Program i Table of Contents Selecting a Picture .......................................................................................................... 26 Image Positioning................................................................................................................... 26 Changing Button Size ..................................................................................................... 27 Using the size to picture feature............................................................................................. 27 Locking the Position of a Button...................................................................................... 28 Copying and Pasting Buttons.......................................................................................... 28 Setting General Button Properties .................................................................................. 28 Creating a Page Flip .............................................................................................................. 30 Setting Joystick Button Properties .................................................................................. 30 Setting Bargraph/Slider Control Button Properties.......................................................... 31 Setting Brightness Button Properties .............................................................................. 32 Setting Date Button Properties........................................................................................ 32 Setting Time Button Properties ....................................................................................... 32 Setting Keyboard Button Properties................................................................................ 33 Setting Keypad Button Properties ................................................................................... 33 Setting Panel Setup Button Properties............................................................................ 33 Setting Sensors Setup Button Properties on CP4 panels ............................................... 33 Setting Video Setup Button Properties............................................................................ 34 Setting VGA Video Setup Button Properties ................................................................... 34 Setting Video Window Button Properties ........................................................................ 34 Setting Video Joystick Button Properties ........................................................................ 35 Defining External Buttons................................................................................................ 36 Verifying Channel Assignments ...................................................................................... 37 Creating a Popup Page................................................................................................... 37 Managing a Popup Page................................................................................................. 38 Run Simulation................................................................................................................ 38 Downloading a Project to a Touch Panel ........................................................................ 38 Using TPDesign3 to Download Design XPress 1.1 - Generated Panel Pages...................... 39 Uploading a Project from a Touch Panel ........................................................................ 39 HTML Conversion and Server Download........................................................................ 40 Downloading to a NetLinx Master on a LAN .......................................................................... 41 ii TPDesign3 Touch Panel Program Product Information Product Information TPDesign3 is a 32-bit Windows® application that enables you to create touch panel pages in minutes. You can use TPDesign3 to import fonts, bitmaps, and icons for use in your file pages and then download the newly created files to either a touch panel or the Internet. TPDesign3 provides point-and-click touch panel programming and page printing. You can program panels through the Central Controller's program port via AXlink or directly through the touch panel's onboard RS-232 DB-9 port. In order for touch panels to effectively handle using TPD3 designed panel pages, they must have the most current firmware and appropriate memory installed. Features ! ! Added a Snap To Grid icon feature to both the Edit and right-click button menus. Added the Confirm Page Delete Actions to the Edit > Preferences > Application tab > Miscellaneous section. This feature confirms page deletion from the current TPDesign3 project file. Addition of items to the Main toolbar, such as: Snap To Grid, On State, and Lock Button (also added to both the Edit and Button drop-down menus). Sensors Setup button on the Button Types toolbar is available for the adjustment of sensors on the four-inch Color Passive panels. Static and WebLinx HTML files now have the option to enable or disable the emulation of external buttons. Size To Picture feature resizes a button to fit the dimensions of the inserted graphic. Simulation mode and Static/WebLinx exports now obey External Button Style properties. Increased support of image types by the Bitmap Manager. Provides support for 1 and 2-bit Black/White bitmaps. Unicode® character support for far-eastern languages such as Chinese. Characters for middle-eastern languages such as Arabic are not supported within the Unicode fonts because they are bi-directional. Buttons with Unicode fonts can only be created and edited using the TPDesign3 Touch Panel Design Program. Upload, revise, and update existing TPDesign3 touch panel files. ! ! ! ! ! ! ! ! ! Minimum System Requirements ! ! ! Pentium 233 (recommended 300 MHz) class central processing unit (CPU) Windows® compatible CD-ROM drive Microsoft Windows 95®, 98®, 2000®, or Windows NT® 4.x (service pack 5 or greater) operating systems 48 MB RAM for Windows 95/ 98 (64 MB recommended for Windows NT) (96 MB recommended for Windows 2000) ! TPDesign3 Touch Panel Program 1 Product Information ! ! ! 75 MB (150 MB recommended) of free hard-disk space VGA monitor running a minimum resolution of 800x600 Mouse or equivalent pointing device Supported Platforms for HTML Web Servers Touch panel files exported as Inactive HTML are compatible with any Web Server. A Web Client can run these same files locally, without the need for a Web Server. Files exported as Active WebLinx HTML require a Web Server capable of processing ASP scripts that use VBScript. This currently means using either Microsoft's Personal Web Server for Windows 95, 98, or Windows NT 4.0 Workstation, and Microsoft's IIS (Internet Information Services) for Windows NT 4.0 Server, Windows 2000 Professional, and Windows 2000 Server. Files exported as Active NetLinx HTML are intended to be run against the internal Web Server in a NetLinx controller, and require no additional external Web Server. Web Clients Touch panel files exported as either Inactive HTML or Active WebLinx HTML are compatible with any Web Client that can execute client-side JavaScript 1.1 code and that has basic DHTML support. Clients include Microsoft Internet Explorer 4.0 (and higher) running on all platforms for which they have been released (Windows, Unix, and Mac). Touch panel files exported as Inactive HTML or Active HTML are not supported in Netscape Navigator. Installing TPDesign3 To install the TPDesign3 program: 1. Put the AMX Control Disc into the CD-ROM drive. 2. In File Manager (or Explorer in Windows), double-click AMXSetup.exe from the directory window for your CD-ROM drive. 3. Follow the instructions that appear on your screen. Restarting the computer is not necessary for installation. Touch Panel Pages The area of display on an AMX touch panel is called a page. Pages can be designed as a control panel. You can add buttons, bargraphs, sliders, and drawings to a touch panel page, and then designate the control functions for each object. FIG. 1 shows a page created for a touch panel. You can create as many panel and popup pages as needed to achieve your functional goals. Refer to the Setting General Button Properties section on page 28 for more information on creating and applying page flip features. When you create multiple pages, you must link them (via page flips) to be able to go from one page to another. Do this with a page-flip attribute assigned to the specific button. For example, FIG. 1 2 TPDesign3 Touch Panel Program Product Information FIG. 1 Example touch panel page shows a page with a DVD button. When pressing this button, the desired result is to go to a preconstructed page (or popup page) that allows you to change preferences for the DVD (FIG. 2). The page flip to the DVD popup page (DVD CONTROL) is selected for the Destination. Therefore, in an actual operation of the program, pressing the DVD button creates a page flip to the popup page called DVD CONTROL that contains buttons that control the DVD. Button selected for button properties assignments Button Properties box Button position on page Assigned page flip attributes cause the popup page on the left to appear Popup page FIG. 2 Example touch panel page with assigned page flip TPDesign3 Touch Panel Program 3 Product Information 4 TPDesign3 Touch Panel Program Window and Toolbar Reference Window and Toolbar Reference TPDesign3 Windows The first elements available in the Workspace are the Main Menu bar, Toolbar buttons, and Status bar. Double-clicking any area of the Status bar causes the feedback and page flip displays to change to location and size displays. FIG. 3 shows the Status bar elements and identifies the data shown by each. Main Menu bar Toolbar buttons Workspace Status bar elements FIG. 3 TPDesign3 Main Menu and Status bar elements The main elements of the TPDesign3 Main Menu are described below: TPD3 Main Elements Main Menu bar Toolbar buttons Status bar Provides access to all the functions needed to work with files, objects, and properties. Contain the buttons you can select (when a file is opened) to perform various TPDesign3 operations or functions. Contains the following default elements: · Cursor displays the X and Y mouse cursor coordiates on a page. · CH# shows the channel number assigned to the selected object. · Var Txt shows the variable text channel assigned to the selected object (if enabled). · FdBck shows the feedback (type) assigned to the selected object (if enabled). · Pg. Flip shows the object's designated page flip (if enabled). Double-clicking on the Status Bar opens a graphical elements row with these additional fileds: · Loc shows the location of the button on the page. · Size shows the pixel height and width of the selected object. · Rev shows the version of the active project file. TPDesign3 Touch Panel Program 5 Window and Toolbar Reference Main Menu Provide access to all functional features applicable within a project file. ! File menu items are used on the Project files. · NEW creates a new project file and opens a New Workfile dialog box. · OPEN opens an existing project file. · CLOSE closes an open project. · SAVE saves an open project file with the default information for the name. · SAVE AS saves an open project in a selected folder location, with a manually entered file name, and as a selectable file type. · SAVE ALL saves all .TPD project files that are currently open. · SAVE AS DIFFERENT PANEL TYPE opens the New Panel Type dialog box, and saves the current project file as a panel type other than the type selected in the New Workfile dialog box for the current project. · DOWNLOAD TO PANEL opens the Download To Panel dialog box. Use this dialog to download buttons, pages, bitmaps, icons, and fonts to a touch Panel. · UPLOAD FROM PANEL opens the Upload From Panel dialog box. Use this dialog to upload buttons, pages, bitmaps, icons, and fonts from a touch Panel. · RUN SIMULATION runs your project file on your computer (with limited functionality). · SAVE AS HTML opens the HTML Conversion Options dialog box and allows you to convert your panel file. · PRINT SETUP opens the Print Setup dialog box and sets the printer, paper size, paper source, and orientation options. · PRINT PREVIEW opens a graphical image of the touch panel pages contained in the project file. Provides the option to select from three types of print information for a selected page. · PRINT prints the selected panel page using one of three types of print information. · Properties opens the Project Properties dialog box and displays all available information on the project file. · (FILE HISTORY) lists the most recently opened files with the accompanying file location. ! Edit menu items are used on both the page elements and the Project file. · CUT cuts selected objects or text, and moves the selection to a clipboard buffer. · COPY copies a selected object or text to the clipboard. · PASTE pastes an object or text stored in the clipboard buffer (with the Cut or Copy option) and places it into a specified location. · DELETE deletes a selection. · SELECTION TOOL when active, allows you to select objects on a panel page. · BUTTON DRAW is used to create buttons on a panel page. · QUICK TEXT types text on a button using the currently set font options. · SNAP TO GRID positions selected page elements (such as buttons) on grids lines. These grid units are defined in the Edit > Preferences > Application tab. · SELECT ALL select all objects or text on the page. · PREFERENCES configures the Project preferences used by TPDesign3 as a baseline for the creation of any further projects. ! Panel menu options are used on panel elements. · EXTERNAL BUTTONS sets the channel codes, page flips, and string outputs. · SENSORS sets the Panel Sensors device and channel values. · CHANNEL MAPS opens the Channel Map dialog box and allows you to view the channels (CODE) and level numbers assigned to the touch panel buttons. 6 TPDesign3 Touch Panel Program Window and Toolbar Reference · BITMAPS opens the Bitmap Manager dialog box. Use this dialog to view all of the bitmaps contained in the project file. · ICONS opens the Icon Manager dialog box. Use this dialog to view all of the icons contained in the project file. · PANEL MEMORY shows the amount of memory used in the touch panel. · PANEL EXPLORER shows the files that comprise the current project. · PROPERTIES sets default settings for the touch panel file. ! Page menu options are used on panel pages. · ADD PAGE adds a page to the project file. · DELETE PAGE removes a page to the project file. · ADD POPUP PAGE adds a popup page to the project file. These added popup pages can be seen from the Windows drop-down menu. · DELETE POPUP PAGE deletes a popup page from the project file. · MANAGE POPUP PAGES displays, selects, and edits popup pages created within the currently displayed project file. · RENAME opens the Rename Page dialog box (if a panel page is selected) or the Rename Popup Page dialog box (if a Popup page is selected). · EXPORT PAGE AS BITMAP opens the Bitmap View dialog box. You can then use this dialog box to copy a page to the Windows clipboard, or save it as a *.BMP format graphics file for use with an external application. · PROPERTIES allows you to name the page and to set the page color/page properties. ! Button menu options are used on button elements. · TEXT sets text properties for all buttons (On and Off States). · COLORS sets the selected button's text, fill, and border On/Off state colors. · BORDER sets the button's border style. · ICON adds an icon to a button's Off or On State, and clears the active icon state or clear both icon states. · PICTURE adds a bitmap picture to the Off or On State of the selected button. · IMAGE POSITIONING sets the bitmap or icon position inside the active button. · BUTTON SIZE sets the Left and Top positions, Width, and Height of the active button. · PROGRAMMING DESCRIPTION allows you to provide property identifiers/information relating to a specific button or to all buttons of a specific type. · ON STATE shows the active button's On State. (F11). · LOCK BUTTON locks the selected page elements (buttons) to a position on the page. This position can not be undone unless the process is repeated for the same button. · CENTER centers the selected button or group of buttons on the page. · SIZE TO PICTURE changes the size of the button to match the size of the inserted picture. · PROPERTIES opens the Button Properties dialog box for the selected button. ! Fonts menu options give the user the ability to alter the fonts used in the project file. Specifically on page graphics and button text. Drawing menu options are used on the panel page buttons and graphics. · BRING TO FRONT moves one or more selected buttons in front of all other buttons on the page. · SEND TO BACK moves one or more selected buttons behind all other buttons on the page. · SHIFT UP moves a single selected button above another. · SHIFT DOWN adds moves a single selected button behind another. ! TPDesign3 Touch Panel Program 7 Window and Toolbar Reference · ALIGN sets the alignment on multiple buttons. · MAKE SAME SIZE makes the Height/Width/or both features of selected buttons the same. · HORIZONTAL SPACING adjusts the horizontal spacing of selected buttons. · VERTICAL SPACING adjusts the vertical spacing of selected buttons. ! Windows options give the user the ability to cascade the open page windows from upper right to lower left. Cascading allows you to view all of the window title bars. Another feature of this menu is the listing of the open project files. Help menu options give the user the choice of opening the Help Contents (on-line help) or viewing information about the version of the TPDesign3 program being used (in the form of a splash-screen). ! Standard Toolbar You can use the Standard toolbar buttons to perform a wide variety of operations. The Standard toolbar is not selectable from the drop-down menus and always appears on the Workspace. It is movable and can be placed in either a vertical or horizontal positions. The Standard toolbar buttons are described in the following table. Select Standard, from the Tools menu, to toggle the Main toolbar buttons On or Off in the Main window. Standard Toolbar Buttons New Creates a new project file. Open Opens an existing project file. Close File Closes the currently displayed project file. Save Saves the currently displayed project file without closing it. Cut Cuts the highlighted object from the displayed panel page. Copy Copies the highlighted object on the displayed panel page. Paste Pastes a previously copied or cut object onto the currently displayed panel page. Delete Deletes the currently highlighted object on the currently displayed panel page. Run Simulation Runs a limited capability simulation of the project file being created. Add Page Adds a new touch panel page to the project file currently being developed. 8 TPDesign3 Touch Panel Program Window and Toolbar Reference Standard Toolbar Buttons (Cont.) Delete Page Deletes a touch panel page from the project file currently being developed. Add Popup Page Adds a popup page to the project file currently being developed. Delete Popup Page Deletes a popup page from the project file currently being developed, Manage Popup Page Displays, selects, and edits popup pages created within the currently displayed project file. Download To Panel Downloads the current project file to the connected touch panel from a PC. Upload From Panel Uploads a project file from the connected touch panel. Main Toolbar You can use the Main toolbar buttons to perform a wide variety of button operations. The Main toolbar is not selectable from the drop-down menus and always appears on the Workspace. It is movable and can be placed in either a vertical or horizontal position. The Main toolbar buttons are lists and described in the following table. Select Main Toolbar from the Tools menu to toggle the main toolbar buttons On or Off in the main window. Main Toolbar Buttons Selection Tool Selects buttons. Button Draw Tool Draws a button on the active page. Text Tool Adds or deletes text to a button on the active page. Snap To Grid Assigns a group of selected buttons to snap to the nearest grid intersection. The distance between intersection points is a pixel unit defined in the Edit > Preferences > Application tab. Click this button to view the On State condition of a selected button. If multiple buttons are selected, the On State reflects the condition of the first button. Locks a selected button into a fixed position on the panel page. On State Lock Button Icon Manager Opens the Icon Manager dialog box. Bitmap Manager Opens the Bitmap Manager dialog box. TPDesign3 Touch Panel Program 9 Window and Toolbar Reference Main Toolbar Buttons (Cont.) External Buttons Opens the External Buttons dialog box. Channel Maps Opens the Channel Map dialog box to view current channel assignments. Button Borders Toolbar You can use the Button Borders toolbar to add different border styles to selected buttons. The Button Borders toolbar is not selectable from any drop-down menu. It is movable and can be placed in either a vertical or horizontal position. A similar function is available from the Borders option from the Button drop-down menu or from the right-click Button options menu. The toolbar buttons are lists and described in this table. Select Button Borders from the Tools menu to toggle the main toolbar buttons On or Off in the main window. Button Borders Toolbar Buttons No Border Changes the selected button to remove any border. No Border Special Changes the selected button to a display no special border. Single Line Changes the selected button border to a thin, single line border. Double Line Changes the selected button border to a double line. Triple Line Changes the selected button border to three line widths wide. Single Rounded Changes the selected button border to a single line border with rounded corners. Double Rounded Changes the selected button border to a double line border with rounded corners. Single Raised Changes the selected button border to a raised single line border. Double Raised Changes the selected button border to a double raised line border. Triple Raised Changes the selected button border to a raised triple line border. Double 2 Single Changes the selected button border to two double single lines. Double 3 Single Changes the selected button border to three double single lines. 10 TPDesign3 Touch Panel Program Window and Toolbar Reference Button Borders Toolbar Buttons (Cont.) Double Shadow Changes the selected button border to double shadow. Single Diamond Changes the selected button border to single diamond. Double Diamond Changes the selected button border to a double diamond. 3D Single Rectangle Changes the selected button border to a 3-dimensional rectangle. 3D Double Rectangle Changes the selected button border to a 3-dimensional double rectangle. 3D Single Round Changes the selected button border to a 3-dimensional single round rectangle. 3D Double Round Changes the selected button border to a 3-dimensional double border with rounded corners. Changes the selected button border to single Neon. Neon 1 Neon 2 Changes the selected button border to double neon. Blue Neon Changes the selected button border to a blue neon border. Green Neon Changes the selected button border to a green neon border. Button Types Toolbar You can use the Button Types toolbar buttons to assign a particular function to a selected button (the availability of these features are dependant on the type of panel project selected). The Button Types toolbar is not selectable from the drop-down menus. It is movable and can be placed in either a vertical or horizontal position. The Button Types toolbar buttons are lists and described in Figure 5. Select Button Types from the Tools menu to toggle the main toolbar buttons On or Off in the Workspace. Button Types Toolbar Buttons Button Names General Operation Changes an active button into a general button. Sets the button to automatically send a message to the Central Controller via the AXlink connector, or through wireless communication (Wave Server). Changes an active button into a joystick button. Sets the button to a joystick that includes a control stick. When you move the control stick, the touch panel sends data to the Central Controller and to the external device to perform a pre-programmed operation. Joystick TPDesign3 Touch Panel Program 11 Window and Toolbar Reference Button Types Toolbar Buttons (Cont.) Bargraph Changes an active button into a bargraph button. Sets the button to a bargraph or slider. Data for the bargraph or slider response comes from the Central Controller. This response is unavailable for one-way ViewPoint panels. Changes an active button into a brightness button. Sets the button to open the Brightness page. This page shows the color palette. Changes an active button into a date button to a page. Displays the current date on the button. Changes an active button into a time button. Displays the current time on the button. Changes an active button into a keyboard popup button. Sets the button to open the keyboard so you can enter a name or string. Changes an active button into a keypad popup button on a page. Sets the button to open the keypad so you can enter a password or value assignment. Changes an active button into a panel setup button on a page. Sets the button to open the Setup page. Changes an active button into a sensors setup button that takes the user to the panel's Sensors Setup page. Changes an active button into a video setup button. Sets the button to open the Video Setup page so the user can set the incoming video display properties on the touch panel. Changes an active button into a VGA video setup button. An AXB-TPI does not allow a button to be assigned to VGA Video Setup. Video Window Changes an active button into a video window on a page. Turns the button into a video window to display the incoming video signal. Changes an active button into a video joystick on a page. Sets the button to a video joystick that displays the incoming video signal, and a control stick. When you move the control stick, the touch panel sends data to the Central Controller and to the external device to perform a pre-programmed operation. Brightness Date Time Keyboard Keypad Panel Setup Sensors Setup Video Setup VGA Video Setup Video Joystick Fonts Toolbar You can use the Fonts toolbar to assign a font to the text within a button. The Fonts toolbar is selectable from the drop-down menus and always appears on the Workspace. For more information on additional toolbar buttons, refer to the Managing Fonts section on page 20. 12 TPDesign3 Touch Panel Program Window and Toolbar Reference Hotkey Shortcut Information This table lists and describes the different hotkey functions available in TPDesign3. Hotkeys and their Descriptions Hotkey F1 F2 F3 F4 F5 F6 F7 Description Gives you access to the On-Line Help. Toggles the Main Toolbar On/Off. Toggles the Button Borders Toolbar On/Off. Toggles the Button Types Toolbar On/Off. N/A Toggles the Fonts Toolbar On/Off. Activates the Button Colors Scheme dialog box - this dialog box changes the button properties for the active project ONLY. Activates the Power Assign dialog box. Activates the Paste Controls dialog box. N/A Toggles between a selected button's On/Off states. Centers selected buttons on the visible panel page. F8 F9 F10 F11 F12 TPDesign3 Touch Panel Program 13 Window and Toolbar Reference 14 TPDesign3 Touch Panel Program Designing Panel Pages Designing Panel Pages This section allows you to quickly create a project, page, button, and then download the project to a touch panel via AXlink. The project file programs consist of individual pages (screens) containing jumps to other pages, links to popup pages, or control commands for devices. Defining your Preferences Before beginning the development of any project, you must first define the panel preferences that will govern the touch panel project. Three preferences take precedence in the TPDesign3 project unless altered by dialog boxes such as: Panel Properties, Page Color, and Button Colors Schemes. Refer to the previous sections covering these dialog boxes for more detailed information about the hierarchy of each dialog's properties in relation to Edit: Preferences. The Preferences tabs (FIG. 4) show the defaults associated with the TPDesign3 project file. Any time a change is made to any of these tabs, the change is stored with the project file. Color changes in the Buttons Colors Scheme dialog box, takes precedent over the color values in the Default Colors tab, as long as the TPDesign3 session (program) is active. When the session is closed, any new buttons retain the properties of the Default Colors tab. To set up application preferences: 1. Select Preferences from the Edit drop-down menu. The Preferences dialog boxes appear (FIG. 4). FIG. 4 (Panel) Preferences dialog boxes The Applications tab focuses on the Panel Explorer (open/closed). 2. Under Panel Explorer, select or deselect the desired options associated with the Panel Explorer dialog box. 3. Click Snap to Grid to set an invisible grid for alignment purposes. Then select the width between the invisible gridlines (2, 4, 8, or 16 pixels). When the project is begun, objects on the page will snap to the grid when the Snap To Grid button is selected from the Main Toolbar and applied to a button. This settings works in conjunction with the Snap to Grid button in the Edit drop-down menu. Refer to the Snap To Grid information on page 9 for more information. 4. Click on any of the desired options in the Miscellaneous section of the Application tab. TPDesign3 Touch Panel Program 15 Designing Panel Pages In order to use graphical representations of both bitmaps and icons, it is recommended that you select the Use Graphical Dialogs options. This allows lists to appear in their graphical rather than textual form. 5. If you want a graphic (such as your company logo) printed in the boilerplate section when you choose to print, select and then select the graphic file on your computer to be used. Then click OK. The boilerplate section is an area on the bottom of printed panel pages. For more information see the Print Preview and Print information of the Main Toolbar section on page 9. 6. Select the different pathways for your Bitmap Files, TPDesign Project Directory, and Backup Files folders. Do not alter the first two directories (Panel Product Files and Font Files). These two directories point to the data required to run the TPDesign3 program. 7. From the Default Colors tab, select a page color by clicking the Page Color box; then select the page color from the color palette on the right. Any changes to panel or button properties (namely changed to the Button Colors Scheme dialog box) are only valid for the project as long as long as the project session is STILL ACTIVE (OPEN) project session remains open. After the project is closed and a new project is opened, the Default Colors tab properties take precedence. The Button Colors dialog box controls changes to only currently selected buttons and any new buttons default to either the Default Colors or Button Colors Scheme settings (depending on current precedence). Default Colors are the ONLY properties that are kept in the system's registry file. 8. Select the OFF Fill Color box (the Setting filed displays the currently active button property). 9. Click on another color from the color palette to change the color for this button state. 10. Repeat step 8 and 9 for the other button properties on this tab. 11. Click OK when you're ready to accept the project preferences. Creating a New Project To create a TPDesign3 project: 1. Click the New icon from the Standard toolbar or File drop-down menu. The New Workfile dialog box (FIG. 5) appears. This panel type activates the Sensors Setup button from the Button Types Toolbar FIG. 5 Sample New Workfile dialog box 2. Select the touch panel type and click Create to open the Project Properties dialog box. Be sure to select the appropriate touch panel type for which you will be creating the program. 16 TPDesign3 Touch Panel Program