Skip to end of metadata
Go to start of metadata

  These iBlocs enable the insertion of an iPhone Time Picker widget on a page. They come in both a horizontal and a vertical orientation.

Key Features

An iPhone Time Picker iBloc adds the following capabilities to an iRise simulation:

  • Insert and easily configure a barrel-style time picker widget in your simulations.
  • Leverage the On Selection Change and On blur custom triggers.

Before you start

  • Download the iPhone Content Kit to leverage a wide variety of graphical content in your iPhone simulations (iRise 8.8 required).
  • When building a simulation for an iPhone application, try to get your hands on an actual iPhone to get a feel for how applications work on the physical device. This will help guide the behaviors and interactions you build in your simulation.
  • If you are not familiar with designing iOS applications, do a little research before attempting to build an iPhone simulation.

Usage Tips

  • Although the width and height of these iBlocs can be modified in Studio, these properties are ignored when the iBlocs are rendered in the browser. The dimensions of the iBloc in the browser will always be the default values indicated in the "Special Properties" table on this page.
  • In simulation, the Target widget you specify when configuring the iBloc will be updated automatically when the reviewer changes the value in the iBloc. There is no need to submit data to see the change. * Use the custom On blur event trigger to hide the iBloc automatically when focus is shifted to another widget.
  • Use the custom On Selection Change event trigger to invoke navigation or page actions.
  • You can set the value for Selected Time dynamically using the Set Value iBloc or from data values sent to the iBloc from the Canvas.
  • Easily switch between iOS6 and iOS7 style with the Theme setting.

Basic Usage

  1. Drag the appropriate iPhone Time Picker iBloc (Vertical or Horizontal) to a page.
  2. (Optional) In the Properties Panel, enter a value in the Selected Time field. If no value is entered, the default value is the time on the reviewer's system clock.
  3. Click the chooser button in the Target widget field. The Select Widget box appears.
  4. Choose one of the widgets displayed in the Select Widget box and click OK.
  5. Modify the formatting attributes of the iBloc to meet the needs of your simulation.

In simulation, the reviewer can select a new time by clicking the different values displayed on the three wheels. Clicking and dragging will allow the reviewer to "spin" the wheels independently of each other. When a new value is chosen for any of the wheels, the change will instantaneously appear in the Target widget.

Known Limitations
  • None at this time.

iBloc Details

Type: Action
Latest Version: 3.4
Supported By: iRise

iBloc Version

Minimum Studio Version

Supported Browsers



IE8, IE9 and IE10, Firefox 22, Chrome 30, Safari 5.1.7

Special Properties



Expects / Produces


Normally used to set the dimensions of a widget, these attributes have no effect in simulation for this iBloc.

Will accept any positive integer in Studio, but always defaults in simulation to 320x180 for the Vertical Time Picker, and 480 x 150 for Horizontal.


Choose iOS6 or iOS7 style

Selection from the available options.

Selected Time

Specifies the value that will be assigned both to the iBloc and to the widget selected in the Target widget field. When left empty, defaults to the time on the reviewer's system clock.

Text string in the format HH:MM AM/PM

Target widget

Links the Time Picker iBloc to a widget on the page. The default value of the iBloc will appear in the Target widget on page load. A built-in On Selection Change event automatically changes the value of the Target widget when a new value is selected using the iBloc.

Selection (from the available widgets on the page).

Note: To associate a data field with one of the properties listed above, click the small square to the right of the property field. The Set Property dialog will allow you to select a data field currently flowing into the widget.

Support and Feedback

People-Powered Customer Service for iRise

  • No labels