laptop and a wrench

Bug

CSS style in JavaScript API 2.7 has some invalid settings.

Last Published: August 25, 2014 ArcGIS API for JavaScript
Bug ID Number NIM079494
SubmittedMarch 29, 2012
Last ModifiedJune 5, 2024
Applies toArcGIS API for JavaScript
Version found2.7
StatusNon-Reproducible

Additional Information

No Public Explanation

Workaround

Since the default position of scale bar is absolute, it is independent from the position of a map. However, it is possible to customize the location of a scale bar. After customization, it can be placed at anywhere in a webpage. The following workaround is adjusted from a sample "Map with external scalebar" (<a href="http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/widget_scalebarExt.html" target="_blank">http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/widget_scalebarExt.html</a>)1. Move the scalebar div up so it is located within the map div <div id="map" style="position: relative; width: 900px; height: 500px; border: 1px solid #000;"> <div id="scalebar" style="position:absolute;left:100px;top:530px;"> </div> </div> 2. Make changes on the style of the scalebar div. Use "relative" position. Change the attached position. <div id="map" style="position: relative; width: 900px; height: 500px; border: 1px solid #000;"> <div id="scalebar" style="position:relative;left:20px;top:460px;"> </div> </div> 3. Now the scale bar is anchored at a specific position with the map.

Steps to Reproduce

Bug ID: NIM079494

Software:

  • ArcGIS API for JavaScript

Get notified when the status of a bug changes

Download the Esri Support App

Discover more on this topic

Get help from ArcGIS experts

Contact technical support

Download the Esri Support App

Go to download options