Hide Table of Contents
esri/dijit/util
esri/layer/pixelFilters
esri/process
esri/workers
Class: HorizontalSlider

require(["esri/dijit/HorizontalSlider"], function(HorizontalSlider) { /* code goes here */ });

Description

(Added at v3.13)
A form widget that allows one to select a value with a horizontally draggable handle. This widget also supports labels. Extends dijit/form/HorizontalSlider.

Samples

Search for samples that use this class.

Constructors

NameSummary
new HorizontalSlider(params, srcNodeRef)Creates a new HorizontalSlider widget.

CSS

esri/dijit/HorizontalSlider | Download source

Properties

NameTypeSummary
showButtonsBooleanShow increment/decrement buttons at the ends of the slider.

Methods

NameReturn typeSummary
startup()NoneFinalizes the creation of the widget.
Constructor Details

new HorizontalSlider(params, srcNodeRef)

Creates a new HorizontalSlider widget.
Parameters:
<Object> params Required Set of parameters used to specify the HorizontalSlider widget options.
<Node | String> srcNodeRef Required Reference or ID of the HTMLElement where the widget should be rendered.
params properties:
<String[]> labels Required Array of text labels to render - evenly spaced from left-to-right. Alternately, minimum and maximum can be specified, to get numeric labels.
Sample:
require(["esri/dijit/HorizontalSlider", ...
  ], function(HorizontalSlider, ... ) {
    var horizontalSlider = new HorizontalSlider({labels: ["1", "5", "10"]}, "sliderNode");
  ...
});
Property Details

<Boolean> showButtons

Show increment/decrement buttons at the ends of the slider.
Default value: false
Method Details

startup()

Finalizes the creation of the widget.