Select to view content in your preferred language

Disable slider notch in JS API animation

815
2
Jump to solution
05-15-2019 07:23 AM
AndrewL
Frequent Contributor

Hello. I have a JS application similar to this sample: https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color-animate/live/inde...

I just want to be able to disable the users ability to grab the slider notch and drag it to a new position. I am using JS API Version 4.11. 

0 Kudos
1 Solution

Accepted Solutions
KenBuja
MVP Esteemed Contributor

Add the disabled attribute to the input slider

<input
  id="slider"
  type="range"
  min="1880"
  max="2017"
  step="1"
  value="1984"
  disabled
/>

View solution in original post

2 Replies
KenBuja
MVP Esteemed Contributor

Add the disabled attribute to the input slider

<input
  id="slider"
  type="range"
  min="1880"
  max="2017"
  step="1"
  value="1984"
  disabled
/>
AndrewL
Frequent Contributor

Thank you yes that worked! It does not let me grab the slider notch at all.

0 Kudos