Dynamic hotspots

About DHTML hotspots

DHTML hotspots display information when clicked.

Expanding hotspot

When clicked, displays additional text next to the hotspot.

Drop-down hotspot

When clicked, displays additional information below the hotspot.

Add DHTML hotspots

1)Open the topic in the Design view. Select the text to use as the hotspot.

2)Do one of the following:

For expanding hotspots, select Insert > DHTML > Expanding Text. In the Expanding Text Editor, type the text to appear in the hotspot. Click outside the window to close the editor.

For drop-down hotspots, select Insert > DHTML > DropDown Text. Enter text or images in the drop-down box. Click outside the Drop-down Text Editor.

3)Click the View button View.png to test.

tip:   Format DHTML hotspots differently from surrounding text to make them noticeable to readers.

Remove hotspots

note:   Content inside a hotspot is removed when you remove the hotspot.

1)Right-click a hotspot. Select Remove Expanding/Drop-Down Text.

Change formatting of DHTML hotspots

Change the formatting in a single topic or change for all topics using a style sheet. For multiple style sheets, modify each style sheet attached to the topics that use hotspots.

1)Select Project > Open > Pods > Style and Formatting

2)Do one of the following:

To change formatting in a single topic, choose Available In and select the name of the topic to change.

To change formatting in all topics using a style sheet, choose Available In and select the external style sheet.

3)Under Styles, select the hotspot style to change.

4)Click Modify.

5)Click Format and select the attributes to change.

6)Click OK. Click Close.


September 30, 2016

Legal Notices | Online Privacy Policy