Changing The Button Fill Color; Border Styles; Chameleon Buttons - AMX TPDESIGN4 V2.5 Instruction Manual

Changing the Button Fill Color

Since button fill color is a state-specific property, you can add or change the button fill color via the
State tab of the Properties Control window:
1. Select the button that you want to add or change the fill color on (with the selection tool ).
2. In the States tab of the Properties Control window, click on the Fill Color field in the state that
you want to change the fill color on. This enables the browse button.
Button fill color is state-specific, so keep in mind whether you want the fill color to occur on
all states, or only on specific states. Each state of the selected button is represented individually
in the States tab of the Properties Control window, so use the Fill Color field in the state that
you want to change, or use the Fill Color field under All States to change the fill color on every
state in the button.
3. Click the browse button to open the Colors dialog, where you can change the fill color.
4. Click OK to close the Colors dialog.

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.

Chameleon Buttons

If a button or popup page state has its Border Name state property set to none, a Chameleon Image
may be set for that state.
Chameleon buttons are buttons that utilize a new state property (TPD4 v2.4 or higher) called
Chameleon Image.
Chameleon Images utilize the 4 color channels that are utilized by 32-bit images (Red, Blue, Green
and Alpha) to define colorizable regions and add various effects such as animated glows and drop-
shadows:
The Chameleon Image state property is available for all button types except Text
Input, Computer Control and TakeNote buttons.
Click the browse button (...) next to the Chameleon Image option (in the States tab of the Properties
Control window) to open the Select Resource dialog, where you can select an image to apply as the
Chameleon Image.
TPDesign4 Touch Panel Design Program
The Alpha channel of the Chameleon image defines the overall shape mask for the state.
The Red channel defines the area that will be filled with the state's Fill Color.
The Green channel defines the area that will be filled with the state's Border Color.
The Blue channel is not used.
Working With Buttons
105