Hotspot

Creating the Hotspot block

Start in the Page management area of the Sequence page.

1. Click on the (Select type to create) dropdown menu above the Blocks area, and select Hotspot block.
2. Click Add.
3. Enter a block heading and content in the Main tab as required. Content here can form instructions for the user.
4. Click Save and Publish.

Adding the Hotspot activity

1. Click on the Hot Spot tab.
2. Upload or attach the image which will be the hotspot background in the Hotspot background image section.
3. Enter the width and height attributes of the image into the Hotspot background width and Hotspot background height fields underneath the image upload area.
4. Click Save and publish.

Adding the hotspots

1. Click the Add hotspot button.
2. Enter a label in the Label field (optional). This is only needed for mobile viewing where the label will be viewed instead of the image.
3. Choose an activity to be performed when the hotspot is clicked from the You need choose a scene, trigger or page that this hotspot will open menu. Options are a page, a scene or a popup, which must be already existing / setup prior to creating the hotspot activity.
4. Enter the location on the background image for the hotspot to be located. Hotspots are located via X and Y positions. For example, an X value of 10 pixels will locate the hotspot 10 pixels from the left-hand edge (the X axis) and a Y value of 50 pixels will locate the hotspot 50 pixels from the top edge (the Y axis).
5. Attach or upload an image in the Hotspot image section. This will be the image the pinpoint image the user clicks on to open the hotspot activity.
6. Attach or upload an image to appear after the hotspot has been clicked in the Hotspot image after clicking area.
7. Click Save and close.

Repeat the steps for Adding the hotspots for the required amount of hotspots. Click Save and Publish.

The most common hotspot type is one that opens popups which hover over the image until closed. If the linking to a page option is chosen, a button should be added to that page to link back to the hotspot image. If the hotspot type is set to scenes, the scenes will need to be created as layout or content blocks with the display option set to scenes. The example below is for a hotspot block with popups, but includes a link to a scene hotspot activity as well.
The Make the learner complete the hotspots in display order? checkbox (optional) underneath the hotspot background image upload area can be checked to restrict the user to clicking on the hotspots in a certain order.