Creating custom buttons with text

Custom buttons allow you to assign the images for the four button states:

Normal, as the button exists when the page is displayed
Over, when users pass their cursors over the button
Down, when users click the button
Disabled, when the button has become unclickable

Assigning images to the down, over, and disabled states is optional. Select images from your file system, the Media Library or re-use an existing image. You can also edit the images.

If you do not select images for the optional button states (over, clicked, or disabled), the normal state image will be used. For details about viewing and changing the images assigned to the states of a button, see Configuring the states of buttons.

You can create custom buttons that contain text or custom buttons that contain images.

To add a custom text button:

Select the location in the Project Explorer in which you want to add the text button.
Do one of the following:
- On the Insert ribbon, click the down-arrow under Button in the Add Navigation and Interaction group and select Text Button.
- On the Home ribbon, click the down-arrow in Quick Insert and select .
The button is added to the project and the Button property ribbons (Properties, Style, and Position & Size) along with the Action ribbon are made available.

Change the text of the button. The default text Click Here is added to the button. Double-click the text to change it.

If you do not specify to use an empty ALT tag for the button, the text for the button is used for the text in the ALT tag. For details about specifying an empty ALT tag for an object, see Using an empty ALT tag for an object.

Use the controls on the Properties, Style, and Position & Size ribbons to configure the button, including the various states of the button and use the Action ribbon to configure the action associated with the button. See Working with buttons for details about specifying the properties of a button.

The custom text button is created.

To add a custom image button:

Select the location in the Project Explorer in which you want to add the image button.
On the Insert ribbon, click the down-arrow under Button in the Add Navigation and Interaction group and select Image Button.

The Add Image Button window opens.
Use the controls on the Add Image Button window to select the images for the four button states. Click the drop-down list and select Browse for File to browse for an image on your file system, select Browse for Media to browse for an image in the Media Library or select from existing images used in the project.

For example, to specify a file on your device that you created to be displayed for the Over state, open the Over drop-down list, click Browse for File and navigate to select the file.

When you click OK, the button is added to the project.
Use the controls on the Properties, Style, and Position & Size ribbons to configure the button and use the Action ribbon to configure the action associated with the button. See Working with buttons for details about specifying the properties of a button.

The custom image button is added.