Range Slider¶
Last Updated: August 10, 2015
-
class
tethys_sdk.gizmos.
RangeSlider
(name, min, max, initial, step, disabled=False, display_text='', error='', attributes={}, classes='')¶ Sliders can be used to request an input value from a range of possible values. A slider is configured with a dictionary of key-value options. The table below summarizes the options for sliders.
-
display_text
¶ Display text for the label that accompanies slider
- Type
str
-
name
¶ Name of the input element that will be used on form submission
- Type
str, required
-
min
¶ Minimum value of range
- Type
int, required
-
max
¶ Maximum value of range
- Type
int, required
-
initial
¶ Initial value of slider
- Type
int, required
-
step
¶ Increment between values in range
- Type
int, required
-
disabled
¶ Disabled state of the slider
- Type
bool
-
error
¶ Error message for form validation
- Type
str
-
attributes
¶ A dictionary representing additional HTML attributes to add to the primary element (e.g. {"onclick": "run_me();"}).
- Type
dict
-
classes
¶ Additional classes to add to the primary HTML element (e.g. "example-class another-class").
- Type
str
Example
from tethys_sdk.gizmos import RangeSlider slider1 = RangeSlider(display_text='Slider 1', name='slider1', min=0, max=100, initial=50, step=1) slider2 = RangeSlider(display_text='Slider 2', name='slider2', min=0, max=1, initial=0.5, step=0.1, disabled=True, error='Incorrect, please choose another value.') context = { 'slider1': slider1, 'slider2': slider2, }
Template Example
{% gizmo slider1 %} {% gizmo slider2 %}
-