Using events to display popup information for a specific item
In this tutorial we'll explain how to display popup information for an image. Note that the same instructions can be used for events in other objects.
Insert the image object for which you want to display a popup.
Open the Object Manager (Menu->View->Object Manager). In the Object Manager you will see a list of all objects in the current page. Find the Shape object 'Shape2' and right click the name to display the context menu. Select 'Hide object' and the object will now no longer be visible in the work space.
Do the same for the text object.
In the properties of image click the 'Events' button and insert an Event (click the Add button):
also add an 'onmouseover' event to display the text.
This same method can also be used to display (and hide) images, layers or any other objects!
Using events to create a roll over image
Move the shape and text to the position where you want to display the talk bubble later when the users moves the mouse cursor over the image.
Take note of the ID property of the shape and text.
In this example the ID is of the talk bubble is 'Shape2' and the text 'Text1'.
Insert a 'Text' object, type some text and move it on top of talk bubble shape.
Insert a shape. In the Shape's properties select: Talk Bubble 1 (or any other shape).
Now if the user moves the mouse away from the image we want to hide the shape and text again, so let's add another event:
also add an 'onmouseout' event to hide the text.