Contents

Introduction
Overview
Key Benefits
Key Features
Revision History
Working with UltraButton
Getting Started with UltraButton
Using UltraButton
"Edit" Window
"Template" Panel
"Settings" Panel
"General" Tab
"Format" Tab
"Icon" Tab
"Background" Tab
"Publish Wizard"
Registration
Registration
Unregistered Copy Limitation
License
Online Support

 
Home
Ultra Button Web Online Help
Prev Page Next Page
 
 
Click here to download free trial version and learn more information about the program.

UltraButton

The "Icon" tab is used to set the icon-related attributes of the button. Its user interface is shown below:



You can set different icon attributes for the three states "Normal", "Over" and "Click" of the button. There are four "Apply" buttons between the attributes of the three states. You can click these buttons to copy the icon attributes of one state onto another.

"Image": It sets the image file for the icon. Its format can be BMP, JPEG or GIF. You can click the "Browse" button to select a local image file in BMP, JPEG or GIF format, or click the "Delete" button to remove the currently specified icon image. "Transparent": If this option is selected, you can set the specified color as the transparent color for the icon image when the button is drawn. You can enter the RGB value in the edit box directly, or click the "Color Picker" button on the right to pick a color.

Two different positioning methods are available for you to choose from for the icon on a button. They are "Relative Positioning" and "Absolute Positioning". The same positioning method must be used for the three states of a button.

"Relative Positioning": With this method, the final position of the icon is decided by its position relative to the text. Now, when the option "Position Relative to Caption" is selected, the options "Align", "X Offset" and "Y Offset" will decide the position of the icon on the button, where "Align" decides the alignment, including "Left", "Top", "Right" and "Bottom", of the icon relative to the text; together with the offset value as defined by "X Offset", you can get the final horizontal position of the icon; together with the offset value as defined by "Y Offset", you can get the final vertical position of the icon.

"Absolute Positioning": With this method, the final position of the icon is irrelevant to the position of the text. Now, the option "Position Relative to Caption" is not selected. The options "H-Align" and "X Offset" are used to set the horizontal position of the icon on the button, where "H-Align" is the horizontal alignment including "Left", "Center" and "Right", and together with the offset value based on this, as defined by "X Offset", you can get the final horizontal position of the icon. Similarly, the options "V-Align" and "Y Offset" can be used to set the vertical position of the icon on the button, where "V-Align" is the vertical alignment including "Top", "Center" and "Bottom", and together with the offset value based on this, as defined by "Y Offset", you can get the final vertical position of the icon. Note: "Auto Size" of the button will be disabled under "Absolute Positioning".