Hide the handler/grabarea of rangeslider

📊 Plotly Python
1

Sir @jmmease

how to hide handler /grabarea of a rangeslider after setting the range?

rangeslider_grabarea
rangeslider_grabarea.png779×302 36.8 KB

2

Hi @sooraj12345,

You can disable the rangeslider altogether by setting the layout.xaxis.rangeslider.visible property to False. But I don’t think there’s a way to display the rangeslider but hide the drag handles.

-Jon

3

Hi @sooraj12345,

You can hide the handler/grabarea of the rangeslider by adding custom css as follows:

.rangeslider-grabber-min {
    display: none; }

.rangeslider-grabber-max {
    display: none; }

If this doesn’t work, you’ll have to add !important to both display properties in order to override the plot.ly css, so like this:

.rangeslider-grabber-min {
    display: none; !important }

.rangeslider-grabber-max {
    display: none; !important }

Roy Smorenburg