topic Re: Gap in slider bars in ArcGIS JavaScript Maps SDK Questions

Gap in slider bars

Anonymous User — Fri, 31 Mar 2017 17:07:40 GMT

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?

Re: Gap in slider bars

RobertScheitlin__GISP — Fri, 31 Mar 2017 17:22:41 GMT

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.

Re: Gap in slider bars

Anonymous User — Fri, 31 Mar 2017 18:08:15 GMT

I believe so:

Re: Gap in slider bars

Anonymous User — Fri, 31 Mar 2017 18:28:14 GMT

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.

Re: Gap in slider bars

RobertScheitlin__GISP — Fri, 31 Mar 2017 18:38:42 GMT

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.

Re: Gap in slider bars

Anonymous User — Mon, 03 Apr 2017 14:56:38 GMT

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