Hide Table of Contents
esri
esri/arcgis
esri/dijit
esri/dijit/analysis
esri/dijit/geoenrichment
esri/dijit/geoenrichment/ReportPlayer
esri/geometry
esri/layers
esri/renderers
esri/symbols
esri/tasks
esri/tasks/datareviewer
esri/tasks/geoenrichment
esri/tasks/locationproviders
Class: HorizontalSlider
[ AMD Module Require | Legacy Module Require ]
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
| Name | Summary |
|---|---|
| new HorizontalSlider(params, srcNodeRef) | Creates a new HorizontalSlider widget. |
CSS
esri/dijit/HorizontalSlider | Download source
Properties
| Name | Type | Summary |
|---|---|---|
| showButtons | Boolean | Show increment/decrement buttons at the ends of the slider. |
Methods
| Name | Return type | Summary |
|---|---|---|
| startup() | None | Finalizes the creation of the widget. |
Constructor Details
Creates a new
HorizontalSlider widget.Parameters:
< |
Required | Set of parameters used to specify the HorizontalSlider widget options. |
< |
Required | Reference or ID of the HTMLElement where the widget should be rendered. |
params properties: < |
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
BooleanShow increment/decrement buttons at the ends of the slider.
Default value:
falseMethod Details