topic Overview Map Attributes in ArcGIS JavaScript Maps SDK Questions

Overview Map Attributes

SowjanyaSunkara — Wed, 02 Nov 2011 22:44:59 GMT

Is it possible to set any attribute of the Overview Map Window so that the extent rectangle that is dragged around is a hollow rectangle(no fill) with a thick border instead of a fill?

Thanks,
SS

Re: Overview Map Attributes

KellyHutchins — Sat, 11 Dec 2021 06:46:46 GMT

The Overview Map constructor options allow you to specify the color of the fill rectangle. You can define a fill and border color to use for the extent rectangle. Setting the color works if you want to change the default color of the extent rectangle. However in your case it sounds like you want a border but not a fill color. If so you can accomplish this using css, her'es a style that sets the border to a dark green color and the fill to transparent:

 
 .esriOverviewMap .ovwHighlight {
         border: solid 2px #004F00 !important;
         background-color: transparent !important;
   }

Here's a working demo that shows the above style in action:
http://jsfiddle.net/tR4RE/

Re: Overview Map Attributes

SowjanyaSunkara — Thu, 03 Nov 2011 16:45:49 GMT

Thanks Kelly. It worked.
Is there any documentation about other options available for the Overview Map ( and other widgets) so I can set the styles?
Thanks!

Re: Overview Map Attributes

KellyHutchins — Thu, 03 Nov 2011 17:45:21 GMT

Many of the widgets document the css classes that are available in the API reference. For example here's a link to the Attribute Inspector widget API doc - note that it has a CSS section with some doc:

http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi_start.htm#jsapi/attributeinspector.htm

The easiest way to see the styles associated with a widget is to use either Chrome Developer tools or Firebug to inspect the application at run time. You can use these tools to view the styles and stylesheets. Here's some inf on using Firebug's CSS tab:

http://getfirebug.com/css

Re: Overview Map Attributes

SowjanyaSunkara — Thu, 03 Nov 2011 18:00:55 GMT

Thanks much for the info! Appreciate it.