Adding An Icon To A Page; Adding Text To A Page - AMX TPDESIGN4 V2.5 Instruction Manual

To check the size of the Pages in your project, open the Display tab of the Panel Properties dialog
(select File > Properties to open). Match the image size to the screen size indicated here.

Adding an Icon to a Page

With TPDesign4, you can apply an Icon directly to a Page in your project, to serve as the
foreground image (See "State Draw Order (Z-Order)" on page 59.) This can be a powerful design
tool, new to TPDesign4 and G4 panels.
To add an icon to a Page:
1. Create a new Page (Panel > Add Page), or open an existing one (via the Workspace Navigator
- Pages tab).
2. With the 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 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.
4. Click Icon Justification (in the Properties Control window) to set the justification of the image
on the page. Select Absolute to manually position the image.

Adding Text to a Page

Since G4 panels utilize address and channel port/address codes (and possess a single state), you can
display text directly on a Page in your project. If you are also displaying a bitmap on the Page, the
text will automatically be displayed on top of the bitmap (See "State Draw Order (Z-Order)" on
page 59.).
To add text to a Page:
1. Create a new Page (Panel > Add Page), or open an existing one (via the Workspace Navigator
- Pages tab).
2. With the Page selected, click Text Color in the States tab of the Properties Control window to
enable the browse button (...). Click the browse button to open the Colors dialog where you can
select a color for the Page text.
3. Click on Font in the States tab of the Properties Control window to enable the browse button
(...), and select the desired font (in the Font dialog).
4. Click on Text, in the Properties Control window to open the Enter Text dialog.
5. Type the text to be displayed on the Page (up to 4096 characters), and click OK.
6. Click Text Justification (in the Properties Control window) to set the justification of the text
on the page. Select Absolute to manually position the text.
7. Click Word Wrap, and select wether to wrap text that doesn't fit on a single line on the
selected Page (Yes or No). If you select No, any text that won't fit on the selected Page may not
be visible, depending on the text justification setting and the size of the Page.
TPDesign4 Touch Panel Design Program
Working With Pages and Popup Pages
67