Communication between widgets

Edit onclick handler

Figure 9.1 Edit onclick handler

Selecting one of the event handlers like onclick by pressing the edit button will bring up the widget actions screen.

Add action

Figure 9.2 Add action

By clicking on the blue + button and selecting widget a widget action can be configured.

9.1 Commands

A command has to be attached to an existing widget. Existing widgets except chapter widgets will be shown in the widget dropdown. Select a widget by clicking the dropdown at the top.

Select widget

Figure 9.3 Select widget

To send a command to the just selected widget click on the dropdown at the bottom, which will show a number of commands. These commands are specified in the table below.

command widget effect
Show rectangle, image, form textfield Make the widget visible. This will not trigger
  comment, text label, video an onShow event.
Hide rectangle, image, form textfield Make the widget invisible: This will not trigger
  comment, text label, video an onHide event.
Pause video, audio Pause the widget
Resume video, audio Resume playing the widget
Seek to video, audio Seek to a point in time in the widget
Mute video, audio Mute the widget
Unmute video, audio Unmute the widget
Transition all Tells the widget to perform a transition.
    Explained in chapter Transition command .
Custom Transition all Tells the widget to perform a custom transition.
Post form Performs a form post
Set Property all Set a proprty of a widget at runtime
     

9.2 Transition command

The transition command can be used to show/hide widgets using a transition.

transition

Figure 9.4 transition

This command can be configured using any of the 4 parameters:

  • time: Duration in seconds of the transition
  • transition type: Slide in- or out transitions
  • fade: Fade in or out using opacity
  • transition type: Transition curve, like linear.

The transition type and fade parameters do not both have to be set. E.g. you could just perform a fade in transition without a slide. The preview button in the top right of the Widget actions screen will show the result of your transition on the stage. I>The widget should be shown to be able to preview the transition.

 

A custom transition uses the x, y, width and height values to determine the end position and size of the widget on the end the transition.