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

Designing Panel Pages
35
TPDesign3 Touch Panel Program
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; then, click OK to return to the Button Properties dialog
box.
6. Select the Correct Aspect Ratio (4:3) button and then OK. When the Button Properties window
closes, the video window button is automatically resized to an aspect ratio of 4:3 of the
originally drawn size. Any subsequent resize operations enforce this aspect ratio.
Setting Video Joystick 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 Video Joystick button from the Button Types toolbar. The button is now a Video
Joystick button.
3. Double-click the Video Joystick button to display the Button Properties dialog box (FIG. 20).
4. Under Video Joystick Options, select Centering or Non-Centering and assign the Device,
Horizontal, and Vertical values, or select Level-Assign. Multiple video windows are available
only if you are using an AXB-TPI display driver box.
5. Enter the Device and Channel numbers and any required String Output information.
6. For panels with more than one video window, select Slot ID to open a Slot ID dialog box. Use
this dialog box to assign different video buttons to different video windows. Select the
appropriate video window; then, click OK to return to the Button Properties dialog box.
7. Select the Correct Aspect Ratio (4:3) button and then OK. When the Button Properties window
closes, the video joystick button is automatically resized to an aspect ratio of 4:3 of the
originally drawn size. Any subsequent resize operations enforce this aspect ratio.
FIG. 19 Slot ID dialog box
FIG. 20 Button Properties - Video Joystick dialog box
Multiple windows are only available if you are using
an AXB-TPI display driver box