Insert Element Actions in Edge Animate - dummies

Insert Element Actions in Edge Animate

By Michael Rohde

Adding actions to an element in Adobe Edge Animate is similar to adding a trigger to the Stage. Two main differences exist between a Stage trigger and an element action:

  • An element action requires that your audience do something to make the action happen.

    For example, your audience must click or mouse over an element to trigger the element’s action. For a Stage trigger, the audience doesn’t have to do anything at all because the Stage trigger fires when the animation reaches the point where the trigger is located. This figure shows a list of available actions that you can designate so that your audience can fire an element action.

  • The Actions box for an element allows you to designate the type of interaction your audience must use to execute the action.

    Stage triggers don’t work the same way as actions; they execute when the animation reaches a certain point in the Timeline, whatever the audience is (or is not) doing. They don’t require interaction.

    Actions you can designate to an element.
    Actions you can designate to an element.

Element actions require interaction from the audience. These interactions include:

  • Click or dblclick: Choose these options if you want your audience to click or double-click an element for the action to occur. You can use the swipe actions in the same way as Click, for mobile-focused experiences.

  • Mouse: Use mouseover, mousedown, and other such actions if you want your audience to move the mouse over, into, or off of an element.

  • Touch: The touch actions refer to mobile devices and touch screens and act the same as a click. If you plan for your animation to work for both desktop and mobile, then using just Click is sufficient.

  • Focus: This action is tied to using the Tab key on the keyboard to enable your audience to select (or tab through) different elements.