jQuery UI Slider Field

Component ID

1898626

Component name

jQuery UI Slider Field

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Downloads

2984

Component created

Component changed

Component body

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

Usage

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'
);

Developers

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