Commit a11a148d authored by Caitlin Dickinson's avatar Caitlin Dickinson
Browse files

Merge branch 'jra-add-slider-filter' into 'master'

Add slider filter

See merge request !1
parents 98238da1 1740fd8f
......@@ -50,6 +50,7 @@ body {
height: 100%;
width: 100%;
}
#akViewDiv {
padding: 0;
margin: 0;
......@@ -64,4 +65,12 @@ body {
height: 135px;
width: 200px;
background-color: rgba(255,255,255,0.8)
}
\ No newline at end of file
}
#legend {
padding: 0;
margin: 0;
height: 300px;
width: 300px;
background-color: rgba(255,255,255,0.8)
}
......@@ -24,7 +24,8 @@
<div id="mainViewDiv"></div>
<div id="akViewDiv" class="esri-widget"></div>
<div id="hiViewDiv" class="esri-widget"></div>
<div id="sliderDiv" class"esri-widget"></div>
</div>
</div>
</body>
</html>
\ No newline at end of file
</html>
......@@ -5,6 +5,7 @@ require([
"esri/Map",
"esri/views/MapView",
"esri/layers/FeatureLayer",
"esri/widgets/Slider",
"dojo/dom-style",
"dojo/dom-attr",
"dojo/on",
......@@ -16,6 +17,7 @@ require([
Map,
MapView,
FeatureLayer,
Slider,
domStyle,
domAttr,
on,
......@@ -308,6 +310,22 @@ require([
return view;
}
// add slider widget
// Joe is adding a comment for some reason...
const slider = new Slider({
container: document.getElementById("sliderDiv"),
min: 0,
max: 100,
values: [ 50 ],
rangeLabelsVisible: true,
precision: 0,
layout: "vertical"
});
mainView.ui.add(slider, {
position: "top-right",
});
console.log("complete")
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment