I have an ArcGIS javascript 3.20 application that uses slider bars (both opacity and time) . All of the slider bars are drawn with a gap and the indicator is positioned at the end of the gap. Can anyone explain this behaviour?
Solved! Go to Solution.
Mystery solved...CSS Table style was causing the conflict. Discovered that sliders are built on a table structure.
Randy,
Are you using the proper 3.20 css file links in your app? I just tested the LayerList sample in 3.20 and I do not see the slider issue.
I believe so:
<link rel="stylesheet" href="https://js.arcgis.com/3.20/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="https://js.arcgis.com/3.20/esri/css/esri.css">
If any help...When I examined the elements I saw that there are actually 2 gaps in the slider: one in front and one toward the middle.
Randy,
Hmm.. As I said I do not see that issue. It is possible that you have a css rule that has low specificity and being applied to the slider unintentionally. Using your browsers dev tools you can inspect the slider to see if some errant padding is being applied by some css rule.
Mystery solved...CSS Table style was causing the conflict. Discovered that sliders are built on a table structure.