An Annotated Image has poptips that are anchored to a specific location on the image. When tapped or clicked, the poptip reveals relevant information about that specific location, either at the poptip's location or below the image. You can place as many poptips as necessary to annotate the image with more detailed information.
- Drag the Annotated Image widget from the Add Pattern sidebar to the page.
- Click Edit Widget.
- Click the Add an image icon to insert a new image.
Optionally, set the Display poptip text below image toggle in the SETTINGS sidebar.
If unchecked, the poptip text appears over the image by default, and below the image only when the screensize is small; for example, on a mobile device. If checked, the poptip text always appears below the image. This is useful if you do not want the poptip text to obscure the image while a user is reading it.
Optionally, select a color from the POPTIP COLOR section.
The default color is blue.
All poptips for an annotated image are the same color—blue, grey, or black. You cannot set different colors for individual poptips.
- Click Add a poptip to insert a new poptip.
- Click and drag to position the poptip anywhere on the image.
- Enter the poptip text.
- Optionally, edit the poptip label. This is useful if the reader wants to number the poptips.
- Set the poptip orientation.
- Click Save & Close.
The Add an image icon changes to Replace Image.