iBloc Support-
Orientation Widget

Wednesday October 26, 2011

Orientation iBloc

The Orientation iBloc is designed for running iRise prototypes on mobile devices, including iPads, iPhones, and Android devices. It enables dynamic page resizing and reformatting when the screen is rotated and orientation changes.

Current Version: 1.0
Supported iRise Studio Versions: 8.5 – 8.9
Supported Browsers: iOS Safari (iPhone and iPad), Android (default browser)
Works in iRise iPhone and iPad Apps: Yes

What does it do?

  • Fires one of two custom events when a page loads or orientation changes while viewed on an iPad or iPhone or other mobile device browser.
  • These custom events can be used to trigger any combination of iRise actions or links, including switch views, change properties, show/hide, etc.

How can I use it?

  1. Drag the Orientation iBloc onto any empty area of the page.
  2. In the properties panel, select target device. Options are iPad, iPhone, or Custom.
  3. If your target device is a non-Apple mobile browser (Android for example), select Custom for target device enter the device’s portrait and landscape screen widths in pixels.
  4. Connect the iBloc to any action or link on the canvas by dragging and dropping.
  5. Change the default event to “on landscape” or “on portrait”
  6. The same iBloc can be used to trigger both events.
  7. See the video below for a demonstration.

Can I see it work?

Here’s a brief demo of the Orientation iBloc in action and how to use it in Studio.

Can you share some ProTips?

  • Note that this iBloc does nothing at all when viewing prototypes on desktop or laptop computers. It is only for reviewing prototypes on mobile devices
  • You can create links in your prototype to trigger your ‘on landscape’ and ‘on portrait’ actions for testing or changing modes when reviewing in a browser.

Feel free to download this and any of our free iBlocs on our Workshop page, and please tell us what you think.

iBloc

 

Posted at 6:49 pm by

Permalink    /    Comments (0)