Table of Contents
Advertisement
Quick Links
Advertisement
Table of Contents
Related Manuals for AMX TPDESIGN3 V3.16
Summary of Contents for AMX TPDESIGN3 V3.16
- Page 1 instruction manual TPDesign3 Touch Panel Design Program (Version 3.16) So ftw are...
- Page 2 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.
-
Page 3: Table Of Contents
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 ...................... - Page 4 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 ......................
-
Page 5: Product Information
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. -
Page 6: Supported Platforms For Html
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. - Page 7 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 pre- constructed 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.
- Page 8 Product Information TPDesign3 Touch Panel Program...
-
Page 9: Window And Toolbar Reference
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. -
Page 10: Main Menu
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. •... - Page 11 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.
-
Page 12: Standard Toolbar
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. -
Page 13: Main Toolbar
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 Displays, selects, and edits popup pages created within the currently displayed Page... -
Page 14: Button Borders Toolbar
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. -
Page 15: Button Types Toolbar
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 Changes the selected button border to a 3-dimensional rectangle. -
Page 16: Fonts Toolbar
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. Brightness Changes an active button into a brightness button. -
Page 17: Hotkey Shortcut Information
Window and Toolbar Reference Hotkey Shortcut Information This table lists and describes the different hotkey functions available in TPDesign3. Hotkeys and their Descriptions Hotkey 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. - Page 18 Window and Toolbar Reference TPDesign3 Touch Panel Program...
-
Page 19: Designing Panel Pages
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. -
Page 20: Creating A New Project
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. -
Page 21: Setting Panel Properties
5. Click the Page Tracking option if you want the AMX Central Controller to be notified when a page flip has occurred. Notification will have the current page name. -
Page 22: Importing Bitmaps
Designing Panel Pages 7. Under Output Strings, enter the Startup, Wakeup, and Sleep strings associated with the touch panel program/project. 8. Select the Date and Time Format. 9. Click to display the Select Color palette; select the color to be used as default for all pages associated with this touch panel program/project. -
Page 23: Optimization Of Images
Designing Panel Pages 5. You can now Cut, Copy, Paste, Delete, Export, and Rename images in the Bitmap Manager. The Bitmap library cannot contain any bitmaps with identical names. If the Default Names for Object Copies field is selected in the Preferences - Application tab, then the newly copied/pasted bitmap will have Copy of added before the original name. -
Page 24: Creating/Editing An Icon
Designing Panel Pages 3. Click Open when you're done selecting the icon files. A warning message appears if the icon exceeds the panel screen dimensions assigned to the project file. 4. You can now Cut, Copy, Paste, Delete, Export, and Rename images in the Icon Manager. Icons can have duplicate names because they are identified by position in the library. -
Page 25: Creating A New Page
Designing Panel Pages 5. Once the font appears in the Fonts In Panel field, it is now possible to Copy, Paste, Cut, and Delete the font from the library. Creating a New Page When TPDesign3 opens, the program constructs the first page (Main Page). Pages can be designed as a control panel in itself. -
Page 26: Creating A Button
Designing Panel Pages This alteration of the page color overrides that of the Preferences - Default Colors tab setting for Page Color, as long as the project session is OPEN. TPDesign3 has the ability to copy page elements to another page or drawing application. -
Page 27: Selecting A Button Color
Designing Panel Pages Selecting a Button Color Using the Button Colors dialog box sets the button color properties for a single or group of selected buttons. If any other buttons are created, their color properties default to either the Default Colors or Button Colors Scheme properties. -
Page 28: Adding Button Text
Designing Panel Pages Adding Button Text 1. Select Text from either the Button drop-down or right-click Button option menus to open the window. Each screen handles the text properties for the separate On and Off States. The Text, Font Style, and Justification field options appear on the right of the Off State dialog box. These features can be separately applied to selected buttons. -
Page 29: Adding A Button Type
Designing Panel Pages 8. If you want to change any combination of the text, font, and/or justification for selected buttons (best used on multiple buttons), select the corresponding fields from the right of the Off State dialog box. These features work independently of each other and act on any selected buttons from the panel project. -
Page 30: Selecting A Picture
Designing Panel Pages 4. Click in the On State Icon field (title turns red); choose an icon from the listing to assign the On State of the button. Repeat this step for the Off State. 5. You can clear the individual or both states by using either the Clear or Clear Both buttons at the top of the Select Icon dialog box. -
Page 31: Changing Button Size
Designing Panel Pages 4. Click and select any icons or pictures within the button display window to begin moving them. They can be moved by either using the Nudge Controls arrows or by selecting the image and dragging it to its new position with your mouse. The X, Y image location appears below the nudging buttons (based on the current button size). -
Page 32: Locking The Position Of A Button
Designing Panel Pages Locking the Position of a Button 1. Select a button or group of button from the panel page. 2. Click on the Lock button from the Main Toolbar. Make sure the buttons being locked into position are actively selected. These buttons will not move from their locked position unless they are unlocked using the same steps used to fix them into place. - Page 33 (page flip, channel code, etc.) to occur. 10. In the String Output text field, enter the string output to be sent to the AMX Central Controller (if required). The following table lists strings and their features.
-
Page 34: Creating A Page Flip
Designing Panel Pages Creating a Page Flip Page flips let you select an object on a page and "flip" to another page in the project. You must have two or more pages in your project to setup a page flip. To create page flips: 1. -
Page 35: Setting Bargraph/Slider Control Button Properties
Designing Panel Pages 9. Enter any String Output (if necessary). 10. Click OK to accept any changes made and return to the main program. Setting Bargraph/Slider Control Button Properties Bargraph/slider controls are level monitors and adjustable level controls that you can configure to monitor or adjust things such as audio outputs and lighting levels. -
Page 36: Setting Brightness Button Properties
Designing Panel Pages the button to indicate it is a battery level indicator if the Show Function Codes option (Edit > Preferences) has been selected on the Applications tab. 11. Click OK to accept any changes made and return to the main program. Setting Brightness Button Properties The Brightness button provides the attributes required to control the brightness level of a touch panel that has bright adjust capabilities built in. -
Page 37: Setting Keyboard Button Properties
Designing Panel Pages Setting Keyboard Button Properties 1. Draw a button on the working page by using the Button Draw tool from the Main toolbar; then, select the border style and colors. 2. Click the Keyboard button from the Button Types toolbar. The button is now a Keyboard button. -
Page 38: Setting Video Setup Button Properties
Designing Panel Pages 7. Click OK to accept any changes made and return to the main program. Setting Video Setup Button Properties 1. Draw a button on the working page by using the Button Draw tool from the Main toolbar; then, select the border style and colors. -
Page 39: Setting Video Joystick Button Properties
Designing Panel Pages 4. Enter the Device and Channel numbers and required String Output information. 5. For panels with more than one video window, select Slot ID to open the Slot ID dialog box (FIG. 19). Use this dialog box to assign different video buttons to different video windows. Select the appropriate video window;... -
Page 40: Defining External Buttons
Designing Panel Pages Defining External Buttons This feature is only available on touch panels that support external pushbuttons. If your touch panel project doesn't support external pushbuttons, that feature will be inaccessible from the Panel drop- down menu. 1. Select External Buttons to open the External Buttons dialog box (FIG. 21). This dialog is only displayed if the panel type supports external buttons. -
Page 41: Verifying Channel Assignments
Designing Panel Pages Verifying Channel Assignments Confirm you have assigned channel values to various buttons, through the use of the Button Properties dialog box. To confirm the channels (CODE) and level numbers assigned to each of the touch panel buttons in your project, use Channel Maps 1. -
Page 42: Managing A Popup Page
Designing Panel Pages 4. Click the popup page from the dialog window and hold down the left mouse to drag the popup page where you want it. (Note that the Left and Top values change). 5. Select Reference Background Page using the drop-down menu and click the page name. This shows you what the popup page will look like on any given full-sized page and is for visual reference only. -
Page 43: Using Tpdesign3 To Download Design Xpress 1.1 - Generated Panel Pages
Designing Panel Pages 5. Connect an AXlink cable from the Central Controller to the touch panel's rear AXlink connector. 6. Set the touch panel to the Main page. Verify that the Baud Rate (in the Protected Setup page on the panel) is set to the same communication speed set in the Comm Settings tab. 7. -
Page 44: Html Conversion And Server Download
Designing Panel Pages HTML Conversion and Server Download Once you are done creating your project in TPDesign3, you are ready to convert the file contents to HTML and transfer it to an outside FTP server. 1. Click Save As HTML from the File drop-down menu to open the HTML Conversion Options dialog box (FIG. -
Page 45: Downloading To A Netlinx Master On A Lan
Designing Panel Pages 9. Once completed, click FTP Transfer to begin the process of transferring the information to an outside server via FTP. 10. Enter the IP Address or Host Name. This routes the information being transferred to the specific address or host that corresponds to the external FTP server. Refer to the Downloading to a NetLinx Master on a LAN section for more information on downloading to a NetLinx Master. - Page 46 DALLAS, TEXAS • LOS ANGELES, CALIFORNIA • MEXICO CITY, MEXICO • ONTARIO, CANADA • PHILADELPHIA, PENNSYLVANIA • SHANGHAI, CHINA • SINGAPORE • TAMPA, FLORIDA • WESTERLO, BELGIUM • YORK, ENGLAND 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...