• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Chapter 4. Creating an Interactive Map > Creating the Other Button Sets

Creating the Other Button Sets

It’s a simple matter to create the other buttons as well. Instead of starting from scratch to build the set of six buttons containing the photo images and the set of six buttons containing the text images, Amanda will copy and paste one of the first set of hotspot buttons on the document and then work from there.

Download the map1.pdf file to see the map now overlaid with buttons.

There’s a trick to resizing the button correctly, as you see in the following steps as the text image buttons are created:

Click the Button tool on the Advanced Editing toolbar, and then click one of the hotspot buttons. It doesn’t matter which button you select because they are all the same, and you’ll modify it to use for the text image button.

Press Ctrl/Command and drag the mouse away from the button to create a new copy of the button. It has the same name as the original hotspot button.

Double-click the new button to open the Button Properties dialog.

Select the General tab and rename the button; the first text image button added to the project is named t_cruise.

Select the Options tab and click Choose Icon to select the image as described earlier in the “Drawing a Button” section.

On the Options tab, click the Advanced button to open the Icon Placement dialog (Figure 4.12). Click the When to Scale pull-down arrow and choose Never; click OK to dismiss the dialog and return to the Button Properties dialog.

Figure 4.12. Select options to place button content precisely.

Click Close to dismiss the dialog.

You’ll see the button, but not much of its content. As you can see in Figure 4.13, the button’s box on the right is too small. Drag a corner resize handle to increase the button’s size until you see the whole text image of the pop-up.

Figure 4.13. Using the custom settings, you see only a portion of the button icon’s content.

Now make copies of the text pop-up button and change its icon as described in the “Duplicating Buttons” section. Because all text pop-ups are the same-sized images, you don’t need to adjust the buttons’ sizes. Repeat the same process for the image pop-ups, and adjust the button sizes as necessary.

You can try other advanced features to make sizing images a quicker process, depending on how you sized the original images. For example, in the Options tab of the Button Properties dialog, click Advanced to open the Icon Placement dialog. Choose Never from the When to Scale pull-down list to use the original sizes of the images regardless of the button’s size (shown in the left image of Figure 4.14); choose Always to scale the image to fit within the bounding box, shown in the right image of Figure 4.14.

Figure 4.14. You can use the Icon Placement options to size button images.

In addition to the set of six hotspot buttons, Amanda’s project now has six text pop-up buttons (with names beginning with “t_”) and six image pop-up buttons (with names beginning with “i_”).

As you can see, the final project has quite a collection of buttons (Figure 4.15)!

Figure 4.15. The project contains 18 buttons, including 6 hotspot buttons and 12 image and text pop-ups.


On the Icon Placement dialog, you can further customize the appearance of the button’s icon. Options include scaling, proportional scaling, fitting to the bounds of the button’s boundary box, or modifying the location of the icon in relation to the bounding box’s edge.

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint