Working With Popup Pages
53
PDesign4 Touch Panel Design Software (v2.10 or higher)
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.
To check the size of the Popup Pages in your project, check the Width and Height values in the
Properties Control window (General tab). Match the image size (in pixels) to the size indicated there.
Adding an Icon to a Popup Page
With TPDesign4, you can apply an Icon directly to a Popup Page in your project, to serve as the
foreground image.
To add an icon 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 Icon Slot 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 icon that you want to
apply to the popup.
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.
TPDesign4 does not automatically scale or stretch images to fit the Popup. To scale
an image to fit a target Popup Page, open the image in any graphics editor program,
and scale the image to the exact size (in pixels) of the Popup Page.
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 and apply it to a slot position.