Skip to main content

Add an Information Pop-up Box

Hotspots can be used to pop up images and to show information boxes. When Info and Image hotspots are added to a project, they can use a different skin graphic to represent them.

The easiest way to do this is to use the installed Components found in the Components Toolbox.

  1. Open a project or import an image.

  2. Select the Point Hotspot Viewer Mode.

  3. Double-click in the Viewer to add the hotspot.

  4. In the hotspot properties, choose Info for the Link Target Type.

  5. Enter a Title and the information text in the Description field.

  6. Open the Output panel and select the HTML5 output.

  7. Add the simplex skin. (optional)

  8. Open the Skin Editor (use the skin button under the skin menu in the Output panel).

  9. Open the Components Toolbox, find the Built-in Components.

  10. Double-click an Info Popup component to the skin.

  11. Save and rename the skin.

  12. Output the project.

    You’ll now see an image graphic representing the point hotspot and when you click on it, a text box pops up in the center of the screen. Click on the close button to hide it.

Info pop up

See also

2019-02-21 09:55:48