Working With Pages and Popup Pages
66
TPDesign4 Touch Panel Design Program
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.
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 Tex t, 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 whether 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.
Adding a Bitmap to a Page
With TPDesign4, you can apply a bitmap directly to a Page in your project, to serve as the
background 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 a bitmap 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 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 Page.
4. Click Bitmap Justification (in the Properties Control window) to set the justification of the
image on the page. Select Absolute to manually position the image.
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 Page. To scale an
image to fit a target Page/panel, simply open the image in any graphics editor
program, and scale the image to the exact size (in pixels) of the Page/panel.
To Next Page
Loading...
Need help?
General
