[Solved] RangeSlider non responsive when value is set

Dash Python
1

Hi,
I’m trying to put together a dash app and make use of the RangeSlider, as soon as I specify a tuple/list for value it won’t allow me to change the limits.

Here is an example:
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

## quick app
app = dash.Dash()
my_slider = dcc.RangeSlider(id='my-slider', min=-10, max=10, step=1, value=[-5,5])
app.layout = html.Div([my_slider])
if __name__ == '__main__':
	app.run_server(debug=True)

if I remove “value=[-5,5]” I can move the endpoints without issue.

A bit of a newbie here so I could be missing something critical.

2

Thanks for reporting @kamil! This is actually expected. The elements won’t become “interactive” until you add callback functions to them. There was a little note in Part 1. Layout | Dash for Python Documentation | Plotly about it, but it was really easy to miss:

Notice that these elements aren’t interactive yet: clicking on the checkboxes, dragging the slider, and entering text in the input doesn’t update the component. These components will become interactive in the final section of this tutorial on interactivity.

3

thanks!
Yeah, I saw that after posting… I guess what really confused me was when RangeSlider(min, max, step) works, but adding the value argument made it nonfunctional. Anyways, it’s resolved, thanks again!