Microsoft® Office SharePoint® Designer 2007 Bible

8.1. Working with Interactive Buttons

Inserting interactive buttons on Web pages is simple. You can follow these steps to create the interactive buttons of your choice on a Web page:

1. In the Design view, open the Web page where you want to insert an interactive button.

2. Choose Insert Interactive Button to open the Interactive Buttons dialog box, as shown in Figure 8.1. This dialog box allows you to choose a format for the button and shows a quick preview of how the button will look on the Web page.

3. In the Buttons list, choose the button you want to use, type the button text, and specify the URL to be associated with the button.

4. Click the Font tab. Here, you can change the font of the text on the button and also specify the various colors that text should take when the mouse is over or moved off the button text.

5. Click the Image tab. Using this tab, you can specify certain properties of the image of the button that's created by SharePoint Designer. You can choose whether the hover and the clicked image should be created. The hover image is displayed when the mouse is hovered over the button, and the clicked image is displayed when the button is clicked.

6. Click OK. The button is inserted on the Web page.

7. Save the Web page. SharePoint Designer asks you to save the images associated with the interactive button. Save the images to the location of your choice.

When you preview the page in a browser, ...