General Buttons
General buttons are basic dual-state buttons that can be used for most touch panel functions, and are not associated with a specific functionality (as opposed to other button types, which have specific functionalities).
Creating General Buttons
General buttons are basic dual-state buttons that can be used for most touch panel functions, and are not associated with a specific functionality (as opposed to other button types, which have specific functionalities).
To create a new General button:
- Open the Page, Popup Page or Sub-Page that the button will be added to (double-click on the page in the Workspace window (Pages tab) to open the page and bring it into edit focus).
- In the Design View, select the Page, Popup Page or Sub-Page to which you want to add the button.
Use the Button Draw tool to create a new button. See
Creating New Buttons on page 66
for details.
- In the General tab of the Properties window, set the Type property to General.
This selection updates the Properties window to represent properties specific to this button type.
- Set the button properties as desired by editing the General, Programming, States and Events properties in the Properties window.
- Select File > Save to save your changes.
General Buttons - General Properties
Once you have created a General button, you can use the General tab of the Properties window to set/edit general (non-state oriented) button properties. To edit any of the properties in the table, click on an item in the right-hand column to activate the field. Depending on the item selected, you can either set the item manually, select from a drop-down menu, or both.
The following General button properties are supported for General buttons:
| General Buttons - General Properties |
|---|
Type
| see
page 247
| | |
Name
| see
page 242
| | |
Lock Button Name
| see
page 242
| | |
Description
| see
page 236
| | |
Left
| see
page 238
| | |
Top
| see
page 246
| | |
Width
| see
page 247
| | |
Height
| see
page 237
| | |
Z-Order
| see
page 247
| | |
Drag/Drop Type
| see
page 236
| | |
Drop Group
| see
page 236
| | |
Touch Style
| see
page 247
| | |
Border Style
| see
page 236
| | |
Disabled
| see
page 236
| | |
Hidden
| see
page 237
|
General Buttons - Programming Properties
Once you have created a General button, you can use the Programming tab of the Properties window to set/edit programming- oriented button properties. To edit any of the properties, click in the right-hand table cell to activate the field. Depending on the item selected, you can either set the item manually, select from a drop-down menu, or both.
The following Programming properties are supported for General buttons:
| General Buttons - Programming Properties |
|---|
Feedback
| see
page 247
| | |
Address Port
| see
page 247
| | |
Address Code
| see
page 249
| | |
Channel Port
| see
page 249
| | |
Channel Code
| see
page 249
| | |
Level Control Type
| see
page 250
|
NOTE: Maximum command, string and text length = 4096 characters.
General Buttons - States Properties
Once you have created a General button, you can use the States tab of the Properties window to set/edit state-oriented button properties. To edit any of the listed button properties, click on an item in the right-hand column to activate the field. Depending on the item selected, you can either set the item manually, select from a drop-down menu, or both.
The State tab of the Properties window works in conjunction with the State Manager window. Note that if the State Manager is not displayed, or if no state(s) are selected in the State Manager, the States tab shows a list of all states associated with the selected button.
Each state represented in the States tab is a collapsed folder containing the state properties for that particular state. Click the + symbol to expand each folder. If you select a state (or multiple states) in the State Manager, then the States tab only represents the selected state(s).
Use the All States option to apply any changes you make to all states on the selected button. Note that if you have multiple buttons selected (Shift+click to select multiple buttons a page), the All States option only affects states for the button that has Edit Focus. The button with edit focus would be the last one selected, and is indicated by having red-colored square handles (as opposed to the black squares that indicate that a button is selected, but does not currently have edit focus).
The following State properties are supported for General buttons (for each state). Note that depending on the Panel associated with your project some of these options may not be available.
| General Buttons - States Properties |
|---|
Border Name
| see
page 252
| | |
Border Color
| see
page 251
| | |
Fill Type
| see
page 252
| | |
Fill Color
| see
page 252
| | |
Fill Gradient Colors
| see
page 252
| | |
Gradient Radius
| see
page 253
| | |
Gradient Center X%
| see
page 253
| | |
Gradient Center Y%
| see
page 253
| | |
Text Color
| see
page 254
| | |
Text Effect Color
| see
page 254
| | |
Overall Opacity
| see
page 253
| | |
Video Fill
| see
page 254
| | |
Streaming Source
| see
page 253
| | |
Bitmaps
| see
page 251
| | |
Font
| see
page 252
| | |
Font Size
| see
page 253
| | |
Text
| see
page 254
| | |
Text Justification
| see
page 254
| | |
Text X Offset
| see
page 254
| | |
Text Y Offset
| see
page 254
| | |
Text Effect
| see
page 254
| | |
Word Wrap
| see
page 254
| | |
Sound
| see
page 253
|
General Buttons - Events Properties
Modero X Series panels support Gestures for on-screen navigation. Gestures can be used (in addition to Buttons) for navigating the panel UI. For example, a "Swipe" gesture can invoke a page flip when the user swipes a finger across the screen. Gestures are presented in TPDesign5 under the Events tab of the Properties window.
To choose a particular property for a button , highlight the row and click the Browse button (...) to open the Edit Event Actions dialog. Use this dialog to add actions instigated by the gesture selected. Click the Add Action button to select between a Send Command or a command string, and enter the command or string in the field. When finished, click OK.
The following Events are supported for General buttons:
| General Buttons - Events Properties |
|---|
Button Press
| see
page 257
| | |
Button Release
| see
page 257
| | |
Gesture Any
| see
page 257
| | |
Gesture Up
| see
page 257
| | |
Gesture Down
| see
page 257
| | |
Gesture Right
| see
page 258
| | |
Gesture Left
| see
page 258
| | |
Gesture Dbl Tap
| see
page 258
| | |
Gesture 2-Finger Up
| see
page 258
| | |
Gesture 2-Finger Dn
| see
page 258
| | |
Gesture 2-Finger Rt
| see
page 258
| | |
Gesture 2-Finger Lt
| see
page 258
|