Working With Buttons
62
TPDesign4 Touch Panel Design Software (v2.10 or higher)
Alignment & Sizing Tool
Select Layout > Alignment & Sizing to open the The Alignment & Sizing dialog. The options in this
dialog offers additional design tools (FIG. 39).
To access this dialog, you must have more than one button selected (in a Design View window). Use the
options in this dialog to align and/or resize the selected buttons. The options in this dialog include:
Alignment - These options allow you to align the selected buttons horizontally, vertically (or both) along
either the centers of the buttons, or along any edge (top, bottom, left or right). Note that the order in
which the buttons are selected in the Design View window controls how several of these options work.
Drawing Assist Tools (Cont.)
Button(s) Button Name Description
Vertical Spacing (Equal, Increase,
Decrease, Remove)
Use these commands to control the vertical spacing
between selected buttons. To distribute buttons
evenly on the page, select equal spacing, then
increase or decrease spacing as necessary. You
must have at least three buttons selected to enable
these options, and note that the first button you select
becomes the controlling button (all other buttons are
moved to align with the controlling button).
Make Ideal For Border This command automatically resizes the selected
button(s) to the smallest size possible that still
accommodates the selected border. This option is
typically for use with the Circle, Oval and Diamond
border types. For example, if you create a button with
the border "Circle 150", and draw a circle that is
smaller than 150 pixels in diameter (or not perfectly
round), the resulting button will not appear as a per-
fect circle. Click this command to resize the button to
become a perfect circle.
Increase/Decrease Width/Height
For Border
These commands are like nudge controls for button
width and height. Click these buttons to adjust the
button width/height in increments specific to the
selected border. Note that since all measurements in
TPDesign4 are zero-based, the Increase/Decrease
Width commands will always adjust the width on the
right side of the selected button(s), and the Increase/
Decrease Height command will always adjust the
height on the bottom side of the selected button(s).
FIG. 39
Alignment & Sizing dialog