There can be various display patterns for a button. A label, an icon or the combination of them can appears on a button when the mouse state is Up, Down, or Rollover. For example, in PDF Plus, when you move the pointer over the button , it displays the label “Search”. When you click it, the searching work panel will appear.
To change button properties:
- Select the Button Tool or the Select Object Tool .
- Right-click an existing button to open the Button Properties dialog box, and then select the Options tab.
- Specify the display of the button when clicked from the Behavior menu:
- None. Keeps the appearance unchanged no matter what state of the mouse.
- Push. Lets you define different appearances for the Up, Down, and Rollover states of the mouse. Up determines what the button looks like when the mouse button isn’t clicked. Down determines what the button looks like when the mouse is clicked on the button, but before it’s released. Rollover determines what the button looks like when the pointer is held over the button. See “Setting Status of Image Buttons”.
- Outline. Highlights the button border.
- Invert. The dark shade of the button gets light, and the light shade gets dark.
- In the Icon and Label section, custom a layout of the icon and label as follows:
- If the layout contains a label, type the text in the Label box.
- If the layout contains a icon, click Choose, and then click Browse. Select the file type from the Files of Type, click the file name, and then click Open. For a multi-page file, select a page, and then click OK. Click Clear to remove the selected icon.
- Scale and position button icons:
- Select a position option that determines where the icon is placed inside the button. Icon placement is defined according to the percentage of space preserved between the icon and the left field boundary, and between the icon and the bottom field boundary. The default setting Center (50, 50) places the icon in the middle of a field. You can select Custom to define the position by adjusting X and Y coordinates.
- Select a situation in which the icon is scaled: Always scale scales the icon as defined regardless of its size in relation to the button size. No scale preserves the icon’s original size; the button border crops the icon if it doesn’t fit. (If “No scale” is selected, the Non-proportionally option isn’t available). Scale big icon scales the icon as defined only if it is larger than the button. Scale small icon scales the icon as defined only if it is smaller than the button.
- Select the Proportionally option to scale the icon proportionally.
- Select Fit to bounds to make sure that either the top and bottom or left and right sides of the icon are flush against the button edges.
- Select Protected to prevent any change to the button.
- Click Close to apply these display properties you’ve selected.