Development of this module is ceased in favor of SliderField , version 2 of sliderfield is a port of this module plus several more features. all users of this module can easily migrate to sliderfield. Please follow the instruction from README.txt

Integrates jQuery Slider with Drupal.
It provides two form elements, jslider & transfer_slider and one widget for integer fields
All slider parameters are configurable either as parameters for form element or in widget settings form
It also offers a special feature called grouping, by using it one can connect several sliders, the result is
by changing one slider the others sliders linked to it will also change. There are several group types that
indicate how the other sliders change. Look for "group" in README file for further info


Add an integer field and select jslider as it's widget

Usage for developers

$form['slider'] = array(
    '#type' => 'transfer_slider',
    '#title' => t('Slider test'),
    '#left_value' => 0,
    '#right_value' => 200,
    '#left' => t('Left input'),
    '#right' => t('Right input'),
    '#size' => 4,

$form['slider2'] = array(
  '#title' => 'slider',
  '#type' => 'jslider',
  '#default_value' => array('value1' => 20, 'value2' => 300),
  '#orientation' => 'vertical',
  '#slider_style' => 'blue',
  '#range' => TRUE,
  '#min' => 10,
  '#max' => 1000,
  '#step' => 100,
  '#required' => TRUE,
  '#disabled' => TRUE,
  '#display_inputs' => FALSE,
  '#display_values' => TRUE,
  '#slider_length' => '100px'


  • Original Code: Roman Grachev , Maslouski Yauheni
  • New development : Sina Salek

Project Information