© 2002-2016 Axure Software Solutions, Inc. All rights reserved. Axure ® is a registered trademark of Axure Software Solutions, Inc.

86% OF THE FORTUNE 100

USE AXURE RP

AXURE

RESOURCES

LEGAL

CONNECT

EMAIL

DROPLISTS AND LIST BOXES ONLY:

DYNAMIC PANELS ONLY:

INTERACTIONS

OVERVIEW

Interactions determine the dynamic behaviors of a widget or page and have three parts: events, cases, and actions. Interactions are configured in the Inspector's Properties tab.

EVENTS

An "event" in Axure RP is a trigger. An event sets in motion the prepared response of one or more cases and their constituent actions. An OnClick event, for example, fires when a widget is clicked; an OnMouseEnter event fires when the mouse cursor crosses into the area of a widget; an OnMove event fires when a widget is moved by another action on the page; and so on.


The most common events for a widget type are listed in the Interactions section of the Properties tab. To get to additional events, click the "More Events" dropdown.

CASES

A case is an ordered collection of one or more outcomes assigned to a specific event of a specific widget or page.


To add a case to an event, double-click the event name in the Properties tab. You can also single-click to select the event name and then click "Add Case" at the top of the Interactions section.


An event can have one or more cases. When there are multiple cases, conditional logic is often used to determine which case should fire. If conditional logic is not used, a selection menu of all cases appears in the browser when the triggering event occurs.

ACTIONS

The Case Editor dialog contains the full list of available actions. Actions are the possible outcomes that can occur when the event fires. One or many actions can occur as part of the total interaction. Actions include outcomes like opening a link to a new page, changing the text on a widget, and showing or hiding a widget.


When many actions appear in the same case, they usually fire in sequence. Exceptions to this rule are animation actions like move, rotate, hide, and resize, which occur simultaneously so as to allow for complex animations (like a simultaneous move-resize, for example).

FOOTNOTE ICONS

By default, widgets with notes or interactions are indicated by blue, numbered footnote icons displayed at their top-right corners when shown on the canvas. To toggle visibility of footnote icons, use the "View > Show Footnotes" menu command.


Footnotes can be renumbered in several ways. To change the number of an individual footnote, click on the number next to the widget name in the Inspector and type in the desired number. You can also use the commands in the "Arrange > Footnotes" submenu to increment or decrement the footnote. To renumber all of a page's footnotes at once, use the "Arrange > Footnotes > Renumber All Footnotes" menu command.

EVENTS LIST

Below is a list of all available events:


OnClick: When a widget is clicked

OnMouseEnter: When the cursor is moved over a widget

OnMouseOut: When the cursor is moved away from a widget               

OnDoubleClick: When a widget is double-clicked

OnContextMenu: When a widget is right-clicked

OnMouseDown: When a widget is clicked, while the cursor is pressed down

OnMouseUp: Upon release of a click

OnMouseMove: Fires continuously as the cursor is moved while over a widget

OnMouseHover: After the cursor hovers over a widget for one second

OnLongClick: When a widget is clicked and held

OnKeyDown: When a keyboard key is pressed while typing in a widget

OnKeyUp: When a keyboard key is released while typing in a widget

OnMove: Fires at the beginning of the movement of a widget being moved by a "move" action

OnRotate: Fires at the beginning of the rotation of a widget being rotated by a "rotate" action

OnResize: When a widget's size is changed by a "set size" action (if using animation, OnResize fires at the end of the animation)

OnShow: When a widget is shown by a “show” action (if using animation, OnShow fires at the end of the animation)

OnHide: When a widget is hidden by a “hide” action (if using animation, OnHide fires at the end of the animation)

OnFocus: When a widget gets focus by being clicked or tabbed to

OnLostFocus: When a widget loses focus

OnLoad: When the widget initially loads (triggered by the containing page loading)

OnSelectedChange: When a widget's selected state changes due to a "set selected" action (or with a click, for checkbox and radio button widgets)

OnSelected: When a widget is set to selected with a "set selected" action (or with a click, for checkbox and radio button widgets)

OnUnselected: When a widget is set to unselected with a "set selected" action (or with a click, for checkbox and radio button widgets)

OnSelectionChange: When a list option is selected that differs from the previous selection

TEXT FIELDS AND TEXT AREAS ONLY:

OnTextChange: When text is added or removed

OnPanelStateChange: When a dynamic panel state is set using the “set panel state” action

OnDragStart: When a drag begins

OnDrag: Fires continuously while a panel is being dragged

OnDragDrop: When a drag ends

OnSwipeLeft: When a panel is swiped from right to left

OnSwipeRight: When a panel is swiped from left to right

OnSwipeUp: When a panel is swiped from bottom to top

OnSwipeDown: When a panel is swiped from top to bottom

OnScroll: When a panel with scrollbars is scrolled

OnScrollUp: When a panel with scrollbars is scrolled up

OnScrollDown: When a panel with scrollbars is scrolled down

REPEATERS ONLY:

OnItemLoad: When the repeater item loads initially and when the contents of any repeater item change

OnItemResize: When any item's size changes through any interaction (such as a change in a contained widget's visibility or size)

PAGES (OR MASTERS) ONLY:

OnPageLoad: When a page initially loads

OnWindowResize: When the browser window is resized

OnWindowScroll: When the browser window is scrolled

OnWindowScrollUp: When the browser window is scrolled up

OnWindowScrollDown: When the browser window is scrolled down

OnPageClick: When any part of the page that does not include a widget is clicked

OnPageDoubleClick: When any part of the page that does not include a widget is double-clicked

OnPageContextMenu: When any part of the page that does not include a widget is right-clicked

OnPageMouseMove: When the mouse moves anywhere on the page

OnPageKeyDown: When a keyboard key is pressed

OnPageKeyUp: When a keyboard key is released

OnAdaptiveViewChange: When the current adaptive view changes due to the window resizing or the view being set through the "set adaptive view" action or prototype sidebar

ACTIONS LIST

Below is the list of all available actions in Axure RP:

LINKS

Open Link / Current Window: Opens a page or external URL in the current window

Open Link / New Window/Tab: Opens a page or external URL in a new window or tab

Open Link / Popup Window: Opens a page or external URL in a popup window of configured size and properties

Open Link / Parent Window: Used from a popup window to change the page loaded in the parent window that opened it

Close Window: Closes the current window

Open Link in Frame / Inline Frame: Used to change the page loaded in an inline frame

Open Link in Frame / Parent Frame: Used from a page loaded in an inline frame to change the page loaded in the parent frame

Scroll to Widget (Anchor Link): Scrolls a page to the location of a widget

Set Adaptive View: Manually changes the adaptive view loaded in the browser, regardless of the browser size

WIDGETS

Show/Hide / Show: Shows (makes visible) a widget which was set to hidden

Show/Hide / Hide: Hides a widget

Show/Hide / Toggle Visibility: Alternatingly shows a widget if it is hidden or hides a widget if it is visible

Set Panel State: Controls the current state of a dynamic panel

Set Text: Changes the text on a widget

Set Image: Changes an image on an image widget

Set Selected/Checked / Selected: Sets the style of a widget to its selected style, or selects a checkbox or radio button

Set Selected/Checked / Not Selected: Sets the style of a widget to its unselected (Default) style, or deselects a checkbox or radio button

Set Selected/Checked / Toggle: Alternatingly sets a selected widget to not selected and the reverse

Set Selected List Option: Sets a chosen list option of a droplist or listbox to selected

Enable/Disable / Enable: Set widget to active/selectable and its Default style

Enable/Disable / Disable: Set widget to inactive/unselectable and its Disabled style

Move: Moves a widget

Rotate: Rotates a widget around a chosen anchor point

Set Size: Sets the size of a widget

Bring to Front/Back / Bring to Front: Brings a widget to the front layer in depth (z-index) of the page

Bring to Front/Back / Send to Back: Sends a widget to the back layer in depth (z-index) of the page

Set Opacity: Sets the opacity of a widget

Focus: Sets the focus of the cursor on a form widget or clickable widget

Expand/Collapse Tree Node / Expand Tree Node: Expands the selected nodes of a tree widget

Expand/Collapse Tree Node /Collapse Tree Node: Collapses the selected nodes of a tree widget

VARIABLES

Set Variable Value: Sets the value of a global variable

REPEATERS

Add Sort: Sort a repeater dataset using the specified sort criteria

Remove Sort: Removes a sort added to a repeater

Add Filter: Filters a repeater dataset using the specified filter criteria

Remove Filter: Removes a filter added to a repeater

Set Current Page: Shows a specific page of a repeater dataset (for repeaters with pagination added in the layout)

Set Items per Page: Sets number of repeater items displayed per page (for repeaters with pagination added in the layout)

Datasets / Add Rows: Add data to the repeater dataset

Datasets / Mark Rows: Marks rows in a repeater that meet specified criteria

Datasets / Unmark Rows: Unmarks rows in a repeater that meet specified criteria

Datasets / Update Rows: Updates data in the dataset

Datasets / Delete Rows: Deletes rows from a repeater dataset

MISCELLANEOUS

Wait: Adds a pause of the designated amount of time before any subsequent actions fire

Other: Shows a specified text description (as a placeholder for an action that has not been prototyped)

Fire Event: Fires a designated event on another widget

Raise Event: “Raises” an event on a widget in a master so that each individual instance of the master can have different cases for that event (learn more in our Raised Events training article)