Adding scale bar shadow

[AlexGole]

Hi all,

I am trying to add scale bar box-shadow. Is it possible?

Thank you,

Alex

[RiyasDeen · Accepted solution]

Hi Alex,

Update:

Add below style class.

      .esriScalebarMetricLine{ box-shadow: 5px 5px 2px #888888; }

      .esriScalebarRuler{ box-shadow: 5px 5px 2px #888888; }

Above will not work when scalebar style is line and unit is english. You can use .esriScalebarEnglishLine{ box-shadow: 5px 5px 2px #888888; } for this scenario but the style looks awkward (last image)

Below are the output, if this is what you are looking for,

Line & Dual:

Ruler & English;

Line & English:

[AlexGole]

Thank you! That is it!