Working With Buttons
61
TPDesign4 Touch Panel Design Software (v2.10 or higher)
Drawing Assist Tools (Cont.)
Button(s)
Button Name
Description
Align: Left, Horizontal Center, Right,
Top, Vertical Center, Bottom
Use the Align commands to quickly align selected
buttons on the page, relative to each other (not rela-
tive to the area of the page). Choose which Align tool
to use based on the shape and size of the selected
buttons, and the desired design effect. You must
select at least two buttons to enable the Align options,
and note that the first button you select becomes the
controlling button (all other buttons are moved to
align with the controlling button).
Center Horizontal/Vertical
Use these commands to quickly center one or more
selected buttons either Horizontally or Vertically on
the page.
Make Same Width/Height/Size
Select a button that has the width or height that you
want to match, then select the button(s) that you want
to resize, and click one of these commands. All
selected buttons are resized to match the width or
height of the controlling button (the first button
selected).
Size To Image
Select a button that has either a bitmap or icon image
assigned to it, and click Size To Image to automati-
cally resize the button to the same size as it's associ-
ated bitmap or icon. Note that the border uses some
of the interior area of the button. Depending on the
size of the button, and the selected border type, Size
To Image may appear to resize the button to be too
small to display the entire image (because part of the
image is hidden, or cropped by the border style). As a
design concept, try to choose button border styles
that accommodate and compliment the button image
(if there is one). For example, the Circle and Oval
border types are more problematic in terms of poten-
tial image cropping than are rectangular borders
(assuming the associated image is rectangular).
Aspect Ratio
This tool allows you to set the aspect ratio (for use
with video fills). Click this button to select from the
drop-down menu:
• 4:3 Video
• 16:9 Letterbox Video
• 16:9 Anamorphic Video
• 1.85:1 Letterbox Video
• 1.85:1 Anamorphic Video
• 2.35:1 Letterbox Video
• 2.35:1 Anamorphic Video
Horizontal Spacing (Equal,
Increase, Decrease, Remove)
Use these commands to control the horizontal spac-
ing 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).
Summary of Contents for Modero NXD-1200VG
Page 20: ...xviii TPDesign4 Touch Panel Design Software v2 10 or higher Table of Contents ...
Page 130: ...List Box Buttons 110 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 160: ...Working With States 140 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 166: ...Working With Function Codes 146 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 174: ...Colors and Palettes 154 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 186: ...Animations and Tweening 166 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 208: ...Working With Templates 188 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 236: ...File Transfer Operations 216 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 248: ...Program Preferences 228 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 266: ...Appendix B G4 PanelBuilder 246 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 272: ...Appendix C TakeNote 252 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 273: ...Appendix C TakeNote 253 TPDesign4 Touch Panel Design Software v2 10 or higher ...