<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Adding scale bar shadow in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/adding-scale-bar-shadow/m-p/733056#M67930</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi Alex,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;Update:&lt;/STRONG&gt;&lt;/P&gt;&lt;P&gt;Add below style class.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; .esriScalebarMetricLine{ box-shadow: 5px 5px 2px #888888; }&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; .esriScalebarRuler{ box-shadow: 5px 5px 2px #888888; }&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;Above will not work when scalebar style is line and unit is english. &lt;/STRONG&gt;You can use .esriScalebarEnglishLine{ box-shadow: 5px 5px 2px #888888; } for this scenario but the style looks awkward (last image)&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Below are the output, if this is what you are looking for,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Line &amp;amp; Dual:&lt;/P&gt;&lt;P&gt;&lt;IMG __jive_id="5059" alt="Untitled.png" class="jive-image image-1" src="https://community.esri.com/legacyfs/online/5059_Untitled.png" style="height: auto;" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Ruler &amp;amp; English;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Untitled.png" class="jive-image image-3" src="https://community.esri.com/legacyfs/online/5255_Untitled.png" style="height: auto;" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Line &amp;amp; English:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Untitled.png" class="jive-image image-2" src="https://community.esri.com/legacyfs/online/5065_Untitled.png" style="height: auto;" /&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Tue, 26 Aug 2014 03:33:18 GMT</pubDate>
    <dc:creator>RiyasDeen</dc:creator>
    <dc:date>2014-08-26T03:33:18Z</dc:date>
    <item>
      <title>Adding scale bar shadow</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/adding-scale-bar-shadow/m-p/733055#M67929</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi all,&lt;/P&gt;&lt;P&gt;I am trying to add scale bar box-shadow. Is it possible?&lt;/P&gt;&lt;P&gt;Thank you,&lt;/P&gt;&lt;P&gt;Alex&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 26 Aug 2014 02:53:44 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/adding-scale-bar-shadow/m-p/733055#M67929</guid>
      <dc:creator>AlexGole</dc:creator>
      <dc:date>2014-08-26T02:53:44Z</dc:date>
    </item>
    <item>
      <title>Re: Adding scale bar shadow</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/adding-scale-bar-shadow/m-p/733056#M67930</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi Alex,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;Update:&lt;/STRONG&gt;&lt;/P&gt;&lt;P&gt;Add below style class.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; .esriScalebarMetricLine{ box-shadow: 5px 5px 2px #888888; }&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; .esriScalebarRuler{ box-shadow: 5px 5px 2px #888888; }&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;Above will not work when scalebar style is line and unit is english. &lt;/STRONG&gt;You can use .esriScalebarEnglishLine{ box-shadow: 5px 5px 2px #888888; } for this scenario but the style looks awkward (last image)&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Below are the output, if this is what you are looking for,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Line &amp;amp; Dual:&lt;/P&gt;&lt;P&gt;&lt;IMG __jive_id="5059" alt="Untitled.png" class="jive-image image-1" src="https://community.esri.com/legacyfs/online/5059_Untitled.png" style="height: auto;" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Ruler &amp;amp; English;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Untitled.png" class="jive-image image-3" src="https://community.esri.com/legacyfs/online/5255_Untitled.png" style="height: auto;" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Line &amp;amp; English:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Untitled.png" class="jive-image image-2" src="https://community.esri.com/legacyfs/online/5065_Untitled.png" style="height: auto;" /&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 26 Aug 2014 03:33:18 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/adding-scale-bar-shadow/m-p/733056#M67930</guid>
      <dc:creator>RiyasDeen</dc:creator>
      <dc:date>2014-08-26T03:33:18Z</dc:date>
    </item>
    <item>
      <title>Re: Adding scale bar shadow</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/adding-scale-bar-shadow/m-p/733057#M67931</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Thank you! That is it!&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 26 Aug 2014 18:24:53 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/adding-scale-bar-shadow/m-p/733057#M67931</guid>
      <dc:creator>AlexGole</dc:creator>
      <dc:date>2014-08-26T18:24:53Z</dc:date>
    </item>
  </channel>
</rss>

