topic Re: Labeling a Slider Thumb in ArcGIS JavaScript Maps SDK Questions

Labeling a Slider Thumb

michael_vetter — Thu, 03 Oct 2019 21:12:43 GMT

I've created a slider (not a time slider) within my application and was wondering if it was possible to label the thumb. I used this Esri sandbox example to create the slider. In the Esri example, I would want to label the thumb with the selected population number. Is this even possible?

Thanks in advance!

Re: Labeling a Slider Thumb

KellyHutchins — Sun, 12 Dec 2021 07:15:36 GMT

If I understand the question correctly you can add a label to the slider thumb by setting labelsVisible to true:

     const populationSlider = new Slider({
          container: "population-slider",
          min: 0,
          max: 1000000,
          values: [selectedPopulation],
          labelsVisible:true,
          steps: 10000,
          snapOnClickEnabled: false
        });‍‍‍‍‍‍‍‍‍

Re: Labeling a Slider Thumb

michael_vetter — Fri, 04 Oct 2019 13:41:49 GMT

Thanks Kelly! I must have overlooked the labelsVisible setting.