Adding Hotspots to an Image - demo help system

Home > Basic Functions > Working with Images > Adding Hotspots to an Image

Adding Hotspots to an Image

You can create clickable 'hotspots' within an image. These 'hotspots' can be linked to internal or external pages. This is commonly used to document functions on a toolbar. For example, the toolbar shown below has hotspots for the 'tools' button, the 'Publish Help System' button, and the 'Publish PDF Manual' button.

The image below contains hotspots. Click the hotspots to display the linked page.

The image below contains hotspots with mouseover links. Move your mouse over the hotspots to display the linked page.

To create a hotspot within an image, follow the instructions below:

1. Right click an image on the page and select 'Image Map Editor'

2. The 'Image Map Editor' dialog will be displayed.

3. Use your mouse to create hotspots for the 'Tools', 'Publish Help System', and 'Publish PDF Manual' buttons.

4. For 'URL', enter the path to the page that you wish to link to. Internal pages will have the format "default.aspx?pageid=<pageid>".
Example: "default.aspx?pageid=faq"

5. To display the linked page in a popup window, select 'Media Pane' in the 'Target' list.

6. Click OK to create the hotspots.