Learn to initialize a page when the page loads such as highlighting a menu item or initalizing a text panel.
Video
OnPageLoad Video (2:07 min)
Examples
Highlighting a Page in the Navigation Menu:
RP File |
Prototype
OnPageLoad Event Overview
The OnPageLoad event, in the Page Interactions pane below the Wireframe pane, allows you to perform actions when a page loads in the prototype. You add cases to this event just like events on widgets.
Sample Uses of the OnPageLoad Event
The OnPageLoad event is most commonly used to set dynamic panel states or values on widgets when a page loads, but any of the other actions can be used as well.
It is also frequently used in combination with variables which carry data from page to page. Cases in the OnPageLoad event can have conditions to perform actions based on variable values.
This is particularly useful for dynamically initializing text or widget values on the load of a page. For example, on the load of a page, you can set the state of a dynamic panel based on a variable value, or set the text in a text panel with the user’s name stored in a variable value.
Page load interactions can also be added in masters. The OnPageLoad event on a master fires when a page that contains the master is loaded. If the page also has an OnPageLoad interaction, the cases on the masters will occur after the ones defined on the page.
Example - Highlighting a Page in the Navigation Menu (
RP File |
Prototype )
See an example of using the OnPageLoad event to highlight the menu item that corresponds to the current page. Try it yourself on the other pages in the file.
Summary
Awesome! You just learned how to use the OnPageLoad event to add page level interactions. Still got some questions? Let us know at support@axure.com.