Working With Pages and Popup Pages
78
TPDesign4 Touch Panel Design Program
Border Styles
Anytime you create a new popup page or button, you'll have to assign a border name. If you don't
want a border on the object, you can select "none" as the border name. There are several types of
border names to choose from, and they all can all be assigned to both popup pages and buttons.
Adding a Fill Color To a Popup Page
To add a fill color to a Popup Page:
1. Create a new Page (Panel > Add Popup Page), or open an existing one (via the Workspace
Navigator - Pages tab).
2. With the Popup Page selected, click on Fill Color, in the States tab of the Properties Control
window to activate the browse button (...).
3. Click the browse button to open the Colors dialog, and select the color that you want to apply
to the popup.
Adding a Bitmap to a Popup Page
With TPDesign4, you can apply a bitmap directly to a Popup Page in your project, to serve as the
background image.
To add a bitmap to a Popup Page:
1. Create a new Popup Page (Panel > Add Popup Page), or open an existing one (via the
Workspace Navigator - Pages tab).
2. With the Popup Page selected, click on Bitmap, in the States tab of the Properties Control
window to activate the browse button.
3. Click the browse button to open the Select Resource dialog, and select the bitmap that you
want to apply to the Popup Page.
4. Click Bitmap Justification (in the Properties Control window) to set the justification of the
image on the Popup. Select Absolute to manually position the image.
Popup Page State Properties (Cont.)
Parameter Description
• Text X and Y Offsets: (available only if the text justification has been set to Absolute). To apply an X and/
or Y offset to the text, 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 Posi-
tioning dialog where you can make several alignment adjustments to the bitmap,
icon and text elements of the Popup.
• Word Wrap: Use this option to specify whether to wrap text strings that are too long to be dis-
played across the popup page on one line. Click the down-arrow and select Yes or
No from the drop-down list.
• Sound: To change or apply a new sound file to the popup page, click the browse button 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 be played when the
popup page is opened.
If you don't see the desired image file listed in the Select Resource dialog, you need
to import the image file into the project first.