Select to view content in your preferred language

Gap in slider bars

1675
5
Jump to solution
03-31-2017 10:07 AM
by Anonymous User
Not applicable

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?

0 Kudos
1 Solution

Accepted Solutions
by Anonymous User
Not applicable

Mystery solved...CSS Table style was causing the conflict. Discovered that sliders are built on a table structure.

View solution in original post

0 Kudos
5 Replies
RobertScheitlin__GISP
MVP Emeritus

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.

0 Kudos
by Anonymous User
Not applicable

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">

0 Kudos
by Anonymous User
Not applicable

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. 

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

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.

0 Kudos
by Anonymous User
Not applicable

Mystery solved...CSS Table style was causing the conflict. Discovered that sliders are built on a table structure.

0 Kudos