Slider

A slider allows the user to select either a single value or a pair of minimum/maximum values from a range of values using a drag handle interface.

Orientation
Horizontal
Present the slider in a horizontal fashion.

This is the default value.

Vertical
Present the slider in a vertical fashion.

Variable for value
The variable to hold the selected slider value (or the minimum value of a minimum/maximum pair of values).

This variable represents the minimum value when a Variable for end value (range) is specified for the maximum value.

You may select a variable from the dropdown, or you can create a new variable by clicking New... and entering the name in the field following the @ symbol.

Variable for end value (range)
The variable to hold the maximum value of a minimum/maximum pair of values.

When a variable is specified for this field, the Variable for value represents the minimum value of a minimum/maximum pair of values.

You may select a variable from the dropdown, or you can create a new variable by clicking New... and entering the name in the field following the @ symbol.

Minimum numeric value
The smallest value that can be selected using the slider.

If no value is specified, the default is 0.

Maximum numeric value
The largest value that can be selected using the slider.

If no value is specified, the default is 1.

Intermediate steps (blank=smooth)
The number of intervals to divide the slider into.

Given a value, the slider will only allow the selection of values that occur at the discrete steps that divide the intervals. If no value is specified, the slider will allow for a continuous selection of any value between the minimum and maximum.

For example, if the minimum allowable value is set to 0 and the maximum allowable value is set to 100, then setting the value of intermediate steps to 5 will divide the slider into 5 intervals, and the allowable values will consist of 0, 20, 40, 60, 80, and 100.

Example

<note type="base">Applied to table: pub.demo.retail.item</note>
<dynamic slider_value="10">
  <widget class_="slider" max_="100" min_="10" name="hmadded__1" 
relpos_="115,144" value_="@slider_value"/>
  <widget class_="text" name="hmadded__2" relpos_="395,154" 
text_="Slider value: {@slider_value}"/>
</dynamic>

Example

<note type="base">Applied to table: pub.demo.retail.item</note>
<dynamic slider_increment_value="16">
  <widget class_="slider" max_="20" min_="0" name="hmadded__3" relpos_="135,144" 
steps_="10" value_="@slider_increment_value"/>
  <widget class_="text" name="hmadded__4" relpos_="395,159" 
text_="Increment slider value: {@slider_increment_value}"/>
</dynamic>

Example

<note type="base">Applied to table: pub.demo.retail.item</note>
<dynamic slider_start_value="46" slider_end_value="85">
  <widget class_="slider" max_="100" min_="0" name="hmadded__7" 
relpos_="100,124" tovalue_="@slider_end_value" value_="@slider_start_value"/>
  <widget class_="text" name="hmadded__8" relpos_="370,134" 
text_="Slider start value: {@slider_start_value}"/>
  <widget class_="text" name="hmadded__9" relpos_="530,134" 
text_="Slider end value: {@slider_end_value}"/>
</dynamic>

Example

<note type="base">Applied to table: pub.demo.retail.item</note>
<dynamic vertical_slider_value="73">
  <widget class_="slider" max_="100" min_="0" name="hmadded__5" 
orientation_="vertical" relpos_="110,79" value_="@vertical_slider_value"/>
  <widget class_="text" name="hmadded__6" relpos_="235,114" 
text_="Vertical slider value: {@vertical_slider_value}"/>
</dynamic>