CSS style in JavaScript API 2.7 has some invalid settings.
Last Published: August 25, 2014ArcGIS API for JavaScript
Bug ID Number
NIM079494
Submitted
March 29, 2012
Last Modified
June 5, 2024
Applies to
ArcGIS API for JavaScript
Version found
2.7
Status
Non-Reproducible
This issue was not reproducible when tested by the development team. Issues may be given this status when they cannot be reproduced or are no longer relevant in a development version of the software, but a specific fix was not installed to address the issue. The issue's Additional Information section may contain further explanation.
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.