Click Zone

A Click Zone is another of the Demo Builder objects that allow two-way interactivity between your movie and your users. Use a Click Zone in a scene to pause your Demo/Tutorial and require your that your users click a pre-specified zone on the scene in order to continue (or take some other action).

At movie run-time, the user will be presented with your Click Zone and the movie will pause, awaiting the user's action (click). Demo Builder then offers Events ('On Click Inside', 'On Click Outside', 'On RollOver' as described below) which determine the next action (or path) taken by the movie.

Note: Users of earlier versions of Demo Builder may be familiar with Error and Success Messages. Demo Builder version 5.0 introduces fully featured Event functionality that provides additional user interactivity and total control over the behaviour of your movie in response to user actions. This builds on and replaces the Error and Success Messages functionality of previous versions of Demo Builder.

How to insert an Click Zone in your movie scene

1. From the Objects toolbar, select Click Zone.
2. Move cursor to active scene in editing window and left click to position the Click Zone.
3. The Click Zone will be added to your the movie's scene and will appear in the TimeLine with a default name (for example Click Zone 1, Click Zone 2 etc.).
4. Reposition, resize and/or rename the Click Zone by using the Click Zone property panel as described below

Note: An interactive object (Edit Zone, Button, Click Zone) or Cursor can not be inserted when an Event is selected.

Click Zone's property panel

1. Name: The default name for Click Zones is Click Zone 1, Click Zone 2 etc., as visible in the name property and in the Timeline in the order inserted into the movie. You can change these to names of your choosing by simply deleting default name and entering your chosen name. Ensure the correct Click Zone is selected before changing the name property.
2. Hand Cursor: Change (or don't change) the mouse pointer to a hand cursor when the user positions the mouse pointer over the Click Zone.
3. Style: The style property allows you to change the appearance (style and color) of the Edit Zone.
   • Border Color Determines the color for the Text area's edges
   • Border Width changes the thickness of the Text area's edges.
   • Fill Color Used to specify a color for the Text area.
   • Opacity adjusts the degree of opacity (or transparency) to allow objects behind the text box to remain visible to users.
   • Eraser Makes the text area fully transparent and borders invisible.

   Check the box Apply to click zones at the bottom of the style properties menu to apply chosen style to all Click Zones in all scenes in the movie.

4. OnClick or OnDoubleClick Event

Using the Click Zone Object Events

As described above, you can use Click Zone Events to interact with the users of your demonstration or tutorial and totally control the behaviour of your movie based on actions taken by your users. The Click Zone object offers the following 3 events that can be used to achieve this.

• On Click Inside Event: Add objects, actions, effects and/or audio to this event to define how your movie will display and behave in response to your user clicking inside the borders of the Click Zone.
• On Click Outside Event: Add objects, actions, effects and/or audio to this event to define how your movie will display and behave in response to to your user clicking outside the borders of the Click Zone. On RollOver Event: Add objects, actions and/or audio to this event to define how your movie will behave when the user positions the mouse cursor over the Click Zone object. (For example to display an explanatory message or tip in a balloon or text as to the action required by the user).

Note: Each individual Event has its own TimeLine to define the separate sequencing of display and behaviours for that event.

Adding Actions and/or Audio to control the behaviour of Click Zone Object Events.

For each of the above events, you can assign the desired behaviour of your movie by adding an Action to take, an Effect to show and/or Audio to be played.

To add (or edit) the action to take or audio to be played for a certain Click Zone object event, ensure that the Click Zone object is selected in your movie scene. This Click Zone's individual TimeLine will be shown at the bottom of the screen. Click on the event to which you want to add an action and/or audio and note that the Click Zone properties panel (at top of screen) will change to show additional options. The following options are available to be added or edited for Click Zone events.

Actions:

• None: Take no action.
• Continue: If movie paused, play will continue.
• Go To Scene: The movie jumps to the scene/mark you specify.
• Go To Movie: The movie jumps to another movie you specify.
• Go To URL: Opens a web page you specify, either in the Current Window by replacing the current movie, in a New window, in a Parent window, or at the Top of the current window.
• Send E-Mail: Demo Builder sends an email to the email address you specify.
• Close Movie: Closes (exits) the movie.
• Run Exe: Runs the program (*.exe) that you specify. (The *.exe program to run must be located in the same folder as the exported movie *.swf or *.exe file ).