Instruction manual
Table Of Contents
- TPDesign3 Touch Panel Design Program (Version 3.16)
- Product Information
- Window and Toolbar Reference
- Designing Panel Pages
- Defining your Preferences
- Creating a New Project
- Setting Panel Properties
- Importing Bitmaps
- Importing Icons
- Creating/Editing an Icon
- Managing Fonts
- Creating a New Page
- Setting Page Properties
- Creating a Button
- Assigning Button Color Properties
- Selecting a Button Color
- Changing Button Borders
- Adding Button Text
- Adding a button type
- Selecting an Icon
- Selecting a Picture
- Changing Button Size
- Locking the Position of a Button
- Copying and Pasting Buttons
- Setting General Button Properties
- Setting Joystick Button Properties
- Setting Bargraph/Slider Control Button Properties
- Setting Brightness Button Properties
- Setting Date Button Properties
- Setting Time Button Properties
- Setting Keyboard Button Properties
- Setting Keypad Button Properties
- Setting Panel Setup Button Properties
- Setting Sensors Setup Button Properties on CP4 panels
- Setting Video Setup Button Properties
- Setting VGA Video Setup Button Properties
- Setting Video Window Button Properties
- Setting Video Joystick Button Properties
- Defining External Buttons
- Verifying Channel Assignments
- Creating a Popup Page
- Managing a Popup Page
- Run Simulation
- Downloading a Project to a Touch Panel
- Uploading a Project from a Touch Panel
- HTML Conversion and Server Download

Window and Toolbar Reference
7
TPDesign3 Touch Panel Program
! Page menu options are used on panel pages.
! Button menu options are used on button elements.
! 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.
• 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.
• 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.
• 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.
• 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.