Skip to end of metadata
Go to start of metadata

 
 
 A Slider widget (vertical or horizontal) can be used to simulate an interaction that uses a slider control. Slider controls are extremely common user interface components in rich Internet applications that simulate the familiar action of moving a slider on a physical control panel. When the user is expected to select a numerical value or a range of values from a finite set of options, a slider control might be the right choice.

Key Features

A Slider widget adds the following capabilities to an iRise simulation:

  • Realistic simulation of a slider UI component
  • Alternative user input for capturing a numerical value or range of values from the reviewer
  • Four unique event triggers: 
    • On value change fires an event when the reviewer changes a data value using the Slider widget.
    • On slide fires an event continually while the Slider handle is being dragged by the reviewer.
    • On slide start fires an event when the reviewer starts dragging the Slider's handle.
    • On slide stop fires an event when the reviewer stops dragging the Slider's handle.

Examples

Slider example.pdf

iTravel - iBloc Showcase_v8.7.idoc 

iTravel - iBloc Showcase_v8.5.idoc 

iBloc Details

Type: Widget
Latest Verison: 3.3
Supported By: iRise
Sample: iTravel - iBloc Showcase_v8.7.idoc  iTravel - iBloc Showcase_v8.5.idoc (v8.5)
See it live!


iBloc Version Studio Versions Supported Browsers
1.0.1 8.5, 8.6  
1.1 8.7, 8.8 IE7, IE8, Firefox 3.5, Safari 4, Chrome 8
1.2 8.7, 8.8 IE7, IE8, Firefox 3.5, Safari 4, Chrome 8
1.3 8.7, 8.8 IE7, IE8, Firefox 3.5, Safari 4, Chrome 8



 

Special Properties

Property
Use
Expects / Produces
Handle Color (optional) Applies a color to the Slider's handle. Will apply to the second handle if Dual Slider is selected.
A color selected from a color chooser or a hexadecimal RGB value. 
Handle Image (optional)
Allows you to select an image file to use as the Slider's handle. Note that the image will not scale, so a small icon-sized image should be used. Will apply to the second handle if Dual Slider is selected. An image file selected from the user's file system.
Track Color (optional) Applies a color to the track in which the Slider's handle travels. A color selected from a color chooser or a hexadecimal RGB value.
Minimum
Defines the minimum value for the Slider widget. Any integer (defaults to 0).
Maximum Defines the maximum value for the Slider widget. Any integer (defaults to 100).
Value Defines the initial value of the Slider, corresponding to the position of the Slider's handle. Any integer within the range defined by Mininum and Maximum (defaults to Minimum).
Dual Slider Determines whether the Slider will have a second handle for defining value ranges. Boolean (true or false).
Value 2 (optional) Defines the initial value corresponding to the position of the second handle in a Dual Slider. Any integer within the range defined by Mininum and Maximum, and greater than Value (defaults to Maximum).
Shade Color (optional) If Left or Right is selected in the Shade property, applies a color to the affected portion of the Slider track. A color selected from a color chooser or a hexadecimal RGB value.
Shade Determines whether shading will be applied to the Slider's track, and if so, on which side of the Slider handle. None, left or right (for horizontal slider) or None, top or bottom (for vertical slider).
Step Size Determines the increments by which the Slider's values are changed when the reviewer drags a handle. Positive integer (defaults to 1). Should be a divisor of Maximum.
Slider Type Determines the default look for the Slider when simulated. Custom(default), iPhone 6, iPhone 7, Android


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

Labels:
None
Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.