Documentation Center

Configuring SVG hotspot highlighting

Users can highlight all the hotspots in an SVG or SVGZ graphic, making it easier to locate the clickable links embedded in the graphic. By default, hotspots remain highlighted for 2.5 seconds, but you can customize the length of time hotspots remain highlighted by editing a property in the components.xml file.

About this task

All the clickable hotspots in a graphic are temporarily highlighted when a user clicks the Highlight all hotspots control available on the graphics display toolbar when an SVG or SVGZ graphic is displayed in the main display panel or in a tear-off window. The length of time the hotspots remain highlighted is controlled by the SVGHotspotDisplayTime property of the main->cvMedia and tearOff->cvMedia elements in the components.xml file. Perform the following steps to customize the length of time hotspots remain highlighted.

Procedure

  1. Open the components.xml file in a text editor.
  2. In the components.xml file, locate the element to be edited.
    • To control hotspot highlighting in the main display panel, locate the main->cvMediaelement.
    • To control hotspot highlighting in a tear-off window, locate the tearOff->cvMedia element.
  3. Edit the SVGHotspotDisplayTime property of the desired element, specifying the desired length of time in microseconds, as in the following example.
    <prop id="SVGHotspotDisplayTime">3500</prop>

    In this example, the hotspots will remain highlighted for 3.5 seconds.

  4. Save and close the components.xml file.